React Router Link更新されたページデータがありません

Question

私はこれを持っています反応+ reduxアプリケーション

私はAPIからフェッチされたムービーコンポーネントが1つ表示されています。

このように、私は新しい映画のページに移動するためのいくつかのコンポーネントでSimilar moviesセクションを追加することにしました。

<div className="similar_movieS_container"> 
    { this.props.thisMovieIdDataSIMILAR.slice(0,4).map((movie,index)=>{ 
     return(

      <Link to={"/movie/"+movie.id} key={index}> 

       <div className="similar_movie_container"> 
       <div className="similar_movie_img_holder"> 
        <img src={"http://image.tmdb.org/t/p/w185/"+movie.poster_path} className="similar_movie_img" alt=""/> 
        </div> 
        </div> 
       </Link> 
       ) 
      }) 
      } 
</div> 

私はインスタンス/topratedのルートルートでいると私は<Link to={"/movie/"+movie.id} key={index}>をクリックすると、今私は、特定の経路（例えば/movie/234525）に移動しますし、すべてが正常に動作しますが、私は/movies/{some move ID }ルートにいる場合<Link to={"/movie/"+movie.id} key={index}> URLバーのルートは更新されますが、ページは静止しています。新しいルートでページをリロードすると何も変わらないことを意味します。

新しい/movie/{movieID} FOMR a /movie/{movieID}へのナビゲーションを作成しますか？

Answer 1

あなたは同じルート内にいるためです。

これを回避する方法はいくつかあります。私はあなたがこのようなルートをレンダリングしていると思います。

<Route path="/movie/:id" component={Movie} /> 

このようにしてください。

<Route path="/movie/:id" component={() => <Movie />} /> 

別の解決策は、componentWillReceivePropsの代わりcomponentWillMountを使用することです。