How to access route parameters from a component other than the Router component

Question

In React-router 1.0 / 2.0, you can access the routing parameters this.props.paramsfrom the Route component, but there seems to be no supported way to access the parameters from the component deep in the aforementioned Route component.

Access to the data can be obtained through context.location, but this raises a warning stating that it is out of date.

Answer 1

Running in the latest version of React Router , all contextual data is outdated in favor this.context.router:

router. this.context.history, this.context.location this.context.route . , history (, push, replace) setRouteLeaveHook.

, location, ( ) .

Answer 2

2.0.0 params location , , . . https://github.com/rackt/react-router/blob/master/upgrade-guides/v2.0.0.md#accessing-location.