使用react路由器定义传递额外参数

Question

我们在ReactJS中创建路线，即：

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

是否可以从SomeComponent定义向Route传递额外参数？我必须实现的是重用相同的组件并在其中发现这个提供的值：

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

Answer 1

是的，你可以做到。

在SomeComponent访问权限params到this.props.route.params。

你将获得从路线传递的参数。