How can i pass parameters on redirection using react router?

Question

I'm using react router version 2.0.1 for navigation between components. I came across a scenario where i want dynamically navigate to other component I did something like this for redirection

browserHistory.push("/some/path");

It is navigating to other component perfectly. But i also want to pass some parameters along with the redirection. I tried doing it like

browserHistory.push("/some/path", {query: "param1"});
browserHistory.push("/some/path", {query: {param1: value1}});

But when i try to fetch the value from this.props.location it shows blank query result.

Any suggestions would be greatly appreciated.

try .push({ pathname: "/..", query: { "param" } }) github.com/reactjs/react-router/blob/master/upgrade-guides/… — azium
– azium, Commented Apr 1, 2016 at 15:29

Gjoshevski · Accepted Answer · 2016-10-17 08:19:50Z

4

This shuld work for you:

router.push({
  pathname: '/some/path',
  query: { param1: value1 } 
})

or I've seen people doing this and looks like its workin ok:

browserHistory.push("/some/path?param1=value1");

answered Oct 17, 2016 at 8:19

Gjoshevski

1499 bronze badges

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

Collectives™ on Stack Overflow

How can i pass parameters on redirection using react router?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related