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

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

• javascript
• reactjs
• react-router
• jsx
• react-router-dom

• Did you try using React Router's browserHistory ? – Lingaraju E V Commented Apr 29, 2017 at 13:05
• I am using react-router-dom i mean v4. I cannot ser any solution with it – Can PERK Commented Apr 29, 2017 at 22:29
• 1 Does this answer your question? Programmatically navigate using React router – majorobot Commented Apr 30, 2021 at 15:24

1 Answer 1

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