对于React / Redux,如果用户只是单击使用React Router查看不同的组件/容器,那么应​​用程序状态如何更改?

时间:2017-04-11 05:57:51

标签: reactjs redux react-router

示例,如果应用状态为

const rootReducer = combineReducers({
  allPosts: PostsReducer,
  post: PostReducer
});

当用户点击所有帖子列表中的一个帖子(索引),并看到一个帖子(使用PostsShow容器),然后用户点击"返回索引"然后单击另一个帖子,现在想象一下,如果网络运行缓慢或卡住,用户将实际看到之前的帖子,因为{AJ}可以在AJAX之前永远不会更改state.post获取数据。

事实上,所有用户的操作都由<Link to="..." /> react-router完成。有什么方法可以在用户点击&#34;返回索引&#34;时将state.post设置回null。在单个帖子页面(使用单个帖子容器),或者,是否有任何其他方法可以实现不显示上一个帖子的目标?

1 个答案:

答案 0 :(得分:0)

可能有点愚蠢,但是:

render(){
  return(
    this.props.params.post_id != this.props.post.id ? <LoadingMessage /> : <PostPage />
)}