将组件键设置为等于路由中的路径参数

Question

我有一个定义如下的路由：

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

我希望我的组件在类型参数更改时重新渲染，因此，如 react-router 文档中所述，我需要使用密钥。我希望 key 的值与传递给路由的 param 相同。类似于：

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

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

Answer 1

知道了！

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

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

Set component key equal to path parameter in Route