How can I implement programmatic navigation in React?

How can I implement programmatic navigation in React?

You can use the useHistory hook from react-router-dom to navigate programmatically. For example, you can call history.push('/new-route').

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

You can pass state as the second argument in history.push. For example: history.push('/new-route', { someState: value }).

How do I access that state in the new component?

In the new component, you can use the location object from react-router-dom. Access it via const location = useLocation(); and then location.state will have your passed state.

Can I use this with class components?

Yes, you can use the withRouter higher-order component to access the history and location props in class components.