React Router v4 navigation programmatically

Question

When I use react router with Redirect, Link or NavLink eveything is fine. But I need a function that navigates me to a route programmatically.

That is what I want :

if(a == 1){
    this.context.history.push("/")
}
else {
    this.context.history.push("/home");
}

As you see context history is not exists in react router v4 any more. I cannot write withroute in js code for navigation. Can anyone say me how to navigate directly in js code?

Thanks

I am using react-router-dom i mean v4. I cannot ser any solution with it — Can PERK, Apr 29 '17 at 22:29
Does this answer your question? [Programmatically navigate using React router](https://stackoverflow.com/questions/31079081/programmatically-navigate-using-react-router) — majorobot, Apr 30 '21 at 15:24

score 9 · Accepted Answer · edited May 23 '17 at 10:31

9

The router will add a history to your props, you can use it like this:

this.props.history.push('/mypath')

Check this for more info: Navigating Programatically in React-Router v4

edited May 23 '17 at 10:31

Community

1
1

answered Apr 29 '17 at 12:57

Moe

3,467
1
19
25

This only changes the URL, without really navigating – Michael Schmid Jul 20 '18 at 14:41

React Router v4 navigation programmatically

1 Answers1