From the course: React: Authentication (2021)

Unlock the full course today

Join today to access over 24,400 courses taught by industry experts.

Handling successful OAuth authentication

Handling successful OAuth authentication - React.js Tutorial

From the course: React: Authentication (2021)

Start my 1-month free trial Buy for my team

Handling successful OAuth authentication

“

- Okay. So the last step here now is to set up the page that we're redirecting our user back to in this callback route, after we've logged them in and stored their data. So remember that what we're doing is basically redirecting them back to the login page but including a token query parameter that contains the user's info. So what we're going to do now is modify our login page so that it detects if this token query parameter has been provided. And if it has been, then basically it'll just set that in local storage and redirect the user to the user info page. So here's what that's going to look like. Let's open up our login page on our front end and we're going to just add a use effect hook up here that will basically check to see if there's a token in the query parameters and if there is do what we want it to do, right? Set that in local storage and send the user to the user info page. So here's what that's going to…

Contents