将props传递给react-router 2.4

时间:2016-05-23 20:42:08

标签: reactjs

我想将一些道具从路由器传递给组件

这样的事情:

<Route component={Foo} some_prop={12}/>

有没有办法用最新的react-router做到这一点?我知道不可能(不使用包装器)预1.0。

1 个答案:

答案 0 :(得分:6)

如果您将这些内容直接传递给<Route />组件,现在可以按照您建议的方式完成:

<Route foo="bar" />

将允许您访问foo

上的this.props.route.foo道具

通过:https://github.com/reactjs/react-router/blob/master/docs/Troubleshooting.md#passing-additional-values-into-route-components

作为旁注:如果您正在使用更高级别的内容,例如<RouterContext />,那么仍然需要使用某种类型的数据包装器组件。