Implementing a login button requires that you know IF you should show the button as well as how to implement the button.
okta-react SDK provides you with:
Function-based components can use the
useOktaAuth React hook(opens new window) to access the
oktaAuth or the
Class-based components can use the
withOktaAuth higher-order component(opens new window) to receive the
authState objects as props.
You can use the
authState.isAuthenticated property to show or hide a button depending on whether the user is signed in.
oktaAuth.signInWithRedirect() method lets you specify the path you'd like the user to be navigated to after authenticating.
Function-based component example:
Class-based component example: