我遇到了URL正在发生变化的问题,但在使用react-router和redux时页面却没有。我尝试过涉及位置和使用withRouter(https://reacttraining.com/react-router/web/guides/dealing-with-update-blocking)的文档的解决方案,但是,我认为问题源于我试图重新加载相同的组件然后使用URL中的参数来制作一个API调用,然后使用检索到的值重新呈现该组件。
<Route path="/video/:id" exact={true} component={VideoDisplay} />
然后从VideoDisplay组件中:
<Link to={`/video/${props.id}`}>
我复制了组件,这解决了尝试链接到路由自己的组件的问题:
<Route path="/video/:id" exact={true} component={VideoDisplay} />
<Route path="/video/test/:id" exact={true} component={VideoDisplayTwo} />
<Link to={`/video/test/${props.id}`}>
<Link to={`/video/${props.id}`}>
这很有效,但我正在寻找更优雅的解决方案。