React Router Link不会更新页面数据

Question

我有这个反应+ redux应用程序

我有1个电影组件，其中显示了一些从API获取的电影数据。

所以在底部，我决定添加一个类似的电影部分，其中有几个组件可以导航到新的电影页面。

<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栏中的路由更新，但页面保持不变，这意味着如果我使用新路由重新加载页面，则会显示新的movieID数据，这一切都没有变化...

那么我怎么能导航到一个新的qazxsw poi FORM a qazxsw poi？

Answer 1

这是因为你只是在同一条路线上。

解决这个问题的方法很少。我打赌你正在渲染这样的路线。

/movie/{movieID}

试试这样吧。

/movie/{movieID}

另一个解决方案是使用<Route path="/movie/:id" component={Movie} /> 而不是<Route path="/movie/:id" component={() => <Movie />} /> 。