How do you programmatically update URL params in react-router?

Asked Mar 11 '17 at 00:14

Active Jan 27 '19 at 19:04

Viewed 1,791 times

This answer doesn't quite cover it since it appears that you have to pass a reconstructed URL into pathname

If I am on the child page of these routes:

  <Route name="Parent" path="/parent/:parentId" component={Parent}>
    <Route name="Child" path="/child/:childId" component={Child}>

how do I programmatically update the :parentId without having to re-construct the entire URL?

Something along the lines of history.push({ ...., params: {parentId: 'newParent'}}) would be ideal.

Thanks!

edited May 23 '17 at 12:32

Community

asked Mar 11 '17 at 00:14

JD.

asked same question here: http://stackoverflow.com/questions/43130682/change-react-router-route-params-programatically – Idan Gozlan Mar 31 '17 at 00:55
Possible duplicate of [How do you programmatically update query params in react-router?](https://stackoverflow.com/questions/40161516/how-do-you-programmatically-update-query-params-in-react-router) – Neil Sep 22 '17 at 06:36

0 Answers0