Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

React Router v4 navigation programmatically

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

like image 700
Can PERK Avatar asked Apr 29 '17 12:04

Can PERK


1 Answers

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

like image 191
Moe Avatar answered Oct 10 '22 09:10

Moe