reactjs - 在路线改变时 react 力重新安装组件

Question

对两条路由使用相同的组件时，如何在路由更改时重新安装组件？

这是我的代码。

路由.jsx

<Router history={browserHistory}>
  <Route path="/" component={Home} />
  <Route path="/foo/:fooId" component={Home} />
</Router>

我有条件检查 Home fooId 的组件，它相应地呈现 JSX。

<Link to="/foo/1234">fooKey</Link>

目前，当点击 fooKey路由发生变化并且 Home 组件中的渲染功能被重新触发，但不会再次安装。

我浏览了其他提到 componentWillReceiveProps 的答案，但我在 constructor 中有很多配置我不想将所有这些配置移到 componentWillReceiveProps .

如果需要更多信息，请发表评论。

Answer 1

如果您需要在每次路由匹配时强制重新安装组件，您可以通过 实现它 key 除非您知道自己在做什么:

<Route
  exact
  path={'some path'}
  render={props => <RemountAlways key={Date.now()} {...props} />}
/>

key={Date.now()}这个关键属性将强制 react 每次重新安装。

注: componentWillReceiveProps 在 react 中是个坏消息。