React路由器重新渲染相同的组件

Question

问题：

有异步路由，从中获取参数电影并返回电影容器（组件）。问题是当我从一个电影容器到另一个电影容器（只是相同的路由，但不同。参数）我的路由器卸载并重新渲染电影容器组件。但它应该只传递新的道具，不要触及我的组件生命周期。怎么解决呢？我做错了什么？

代码：

路由器

<Route path="/" component={AppLayout}>
  <IndexRoute components={{ children: Home }} />
  <Route path=":movie/about" getComponents={(nextState, callback) => {
    window.scrollTo(0, 0);
    const movie = findMovie(nextState.params.movie);
    return callback(null, { children: (router) => <Movie movie={movie} router={router} /> });
  }}/>
  ....
</Route>

组件将装入电影组件中

  componentWillMount() {
    console.log('MOUNT MovieContainer');
  }

更新：好的，做了一些实验。

替换

返回回调（null，{子：（router）=

具有

返回回调（空，电影）

Andd电影组件未重新渲染。刚刚更新。太棒了！但是现在如何传递道具呢？




Answer 1

伟大的最后我找到了解决办法。

<Route path=":movie/about" getComponents={(nextState, callback) => {
  window.scrollTo(0, 0);
  callback(null, Movie);
}}
/>

在组件中，我可以通过this.props.params.movie访问道具，而不是在构造函数中查找电影/组件WillMountconst电影=findMovie（nextState.params.movie）；