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
– Can PERK, Commented Apr 29, 2017 at 22:29
Does this answer your question? Programmatically navigate using React router — majorobot
– majorobot, Commented Apr 30, 2021 at 15:24

Community · Accepted Answer · 2017-05-23 10:31:11Z

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, 2017 at 10:31

CommunityBot

11 silver badge

answered Apr 29, 2017 at 12:57

Moe

3,7631 gold badge22 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Michael Schmid Over a year ago

This only changes the URL, without really navigating

Collectives™ on Stack Overflow

React Router v4 navigation programmatically

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related