如何从路由器组件以外的组件访问路由参数

Question

在React-router 1.0/2.0中,可以this.props.params从Route组件访问路由参数- 但似乎没有支持的方法从上面Route组件中深深包含的组件访问参数.

可以访问数据类型,context.location但是这个会抛出一个警告,说明这是不推荐使用的.

Answer 1

从最新版本的React Router开始,不推荐使用所有上下文数据,以支持this.context.router:

只有一个名为的对象router被添加到上下文中.访问this.context.history,this.context.location和this.context.route,都已弃用.这个新对象包含history(例如push,replace)可用的方法setRouteLeaveHook.

不幸的是,这不包括location数据,因此您需要将其自己传递给子(非路由处理程序)组件.