From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Unlock the full course today

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

Use the React router hooks: useLocation

Use the React router hooks: useLocation

From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase

Start my 1-month free trial Buy for my team

Use the React router hooks: useLocation

“

- [Instructor] So now we want to discover another hook, which is useLocation. And this hook allows to get the information of the current location. So we're going to use that to actually get, like, the state. So this is going to return a state object and we also need to add to the scope another state. Remember that this is from our global state, not from, but useFirestoreContext and this is going to be the state. So in order to avoid any conflict, I'm just going to rename this one to routerState, like this. We're going to need also, again, to use this useNavigate, that returns a function. And we're going to use that to allow the user to go back to where, like, here, we've got this function, we're going to add this navigate and this will allow the user to go back. Because you see that here, you can read Back. So now, what we want is to actually use this information to get whatever data is sent along during the navigation…

Contents