は、ルータが再レンダリング同じコンポーネント

Question

問題リアクト：

それからのparam movieを取得する非同期ルートを持っており、Movie Container（コンポーネント）を返します。問題は私が1つのMovieContainerから別のMovieContainer（同じ経路ですが、diff。paramsを使って）に行くときです。私のルータはアンマウントし、MovieContainerコンポーネントを再レンダリングします。しかし、それはちょうど新しい小道具を渡す必要があり、私のコンポーネントのライフサイクルに触れないでください。どのようにそれを解決するには？私は間違っている？

コード：

ルータ

<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> 

作品のコンポーネントにおけるコンポーネントWillMount

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

UPDATE： OK、いくつかの実験を完了。

は

return callback(null, Movie);

ANDD Movie componentない再renderdで

return callback(null, { children: (router) => <Movie movie={movie} router={router} /> });

を交換してください。ただ更新されました。それは素晴らしい！しかし、今小道具を渡す方法は？

Answer 1

素晴らしい！最後に解決策が見つかりました。コンストラクタ/ componentWillMount const movie = findMovie(nextState.params.movie);