How can I use the useHistory hook in React for advanced routing?

How can I use the useHistory hook in React for advanced routing?

The useHistory hook allows you to programmatically navigate in your React app. You can push new routes, go back, or replace the current route.

Can you give me an example of pushing a new route?

Sure! You can use history.push('/new-route') to navigate to a new route. Just make sure to import useHistory from 'react-router-dom'.

What if I want to pass state to the new route?

You can pass state by using history.push({ pathname: '/new-route', state: { myData: 'example' } }). This way, you can access the state in the new component.

How do I access that state in the new component?

In the new component, you can use the useLocation hook from 'react-router-dom' to access the state: const location = useLocation(); const myData = location.state.myData;.