React路由器侦听获取参数
问题描述:
我正在使用React/React-Router/Redux创建一个博客,根据位置的不同,我想显示不同的博客文章,所以如果你在/category/cat1
上,你没有相同的列表的博客比如果你在/category/cat2
。React路由器侦听获取参数
所以我正在考虑在商店中存储博客列表,我的反应组件会从那里拿起它,所以我可以让行动更新我的状态。
我的想法是倾听browserHistory
,所以我可以得到当位置发生变化并触发更新新博客列表的动作,但我无法找到如何从我的位置路径获取参数,就像我会从我的组件道具/category/:catName
我怎样才能得到这些参数? 实际上是这样做还是应该使用不同的方法?
谢谢。
答
RoutingContext - >路由器渲染道具
您现在可以通过渲染道具路由器它使用的渲染。 这允许您创建参与 路由的“中间件组件”。其用于与像继电器, 终极版,旋转变压器,传输,异步道具等
默认库整合关键的是基本上是这样:
<Router render={props => <RouterContext {...props} />} />
render
这上的prop Router
是一个钩入渲染阶段,那些传递给函数的道具包含解析的路由参数,以及其他许多路由上下文。只要确保你的函数最后返回一个RouterContext
或者一些等价的东西。