React Router Link 업데이트 된 페이지 데이터가 없습니다

Question

이 반응 + redux 앱을 가지고 있습니다

API에서 가져온 동영상 데이터가 표시된 동영상 구성 요소가 1 개 있습니다.

그래서 하단에 새 영화 페이지로 이동하기위한 몇 가지 구성 요소가있는 유사한 영화 섹션을 추가하기로 결정했습니다.

<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 표시 줄의 경로가 업데이트되지만 페이지가 계속 남아 있으므로 새 경로가있는 페이지를 새로 고침하면 새로운 무비 ID 데이터가 표시됩니다.

새로운 /movie/{movieID} FOMR a /movie/{movieID}으로 탐색 하시겠습니까?

Answer 1

당신이 바로 같은 경로에 있기 때문입니다.

이 문제를 해결하는 방법은 거의 없습니다. 너 같은 라우트를 렌더링하고있을거야.

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

이렇게 해보십시오.

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

또 다른 해결책은 componentWillReceiveProps 대신 componentWillMount 사용하는 것입니다.