在react-router

Question

我的路线定义如下：

<Route exact path="/licenses/:type?" component={Licenses} />

我希望我的组件在类型更改时重新呈现，因此，如react-router文档中所述，我需要使用key。我想要与传递给路由的参数相同的key值。像这样：

<Route exact path="/licenses/:type?" key=":type" component={Licenses} />

但是我无法获得type参数的值作为键。有什么办法可以将键设置为与类型参数的值相同？

Answer 1

知道了！

我应该这样使用render而不是component：

<Route
  exact
  path="/licenses/:type?"
  render={props => <Licenses key={props.match.params.type || 'empty'} /> }
/>