2016-08-18 101 views
2

我们创造ReactJS即这样的路线额外的参数:通与反应路由器定义

<Route path="/" component={App}> 
    <IndexRoute component={Home}/> 
    <Route path="/foo" component={SomeComponent} /> 
</Route> 

是否有可能从Route定义传递一个额外的参数给SomeComponent?我必须实现的是重复使用相同的组件并发现它提供的值:

<Route path="/" component={App}> 
    <IndexRoute component={Home}/> 
    <Route path="/foo" component={SomeComponent} params={key: 'foo'} /> 
    <Route path="/bar" component={SomeComponent} params={key: 'bar'} /> 
</Route> 

回答

1

是的,你可以做到这一点。

SomeComponent之内访问paramsthis.props.route.params

你会得到从路线传递的参数。