如何在React中呈现新内容之前刷新旧内容？

Question

我有一个基本的博客应用程序，其中索引页面列出了用户的所有博客帖子。当用户点击博客帖子时，他被重定向到具有标题和内容的博客帖子页面。如果用户返回索引页面然后单击另一篇博客文章，则会显示第一篇博文的内容，然后显示新的博客文章。我该如何解决这个问题？

注意：当用户访问博客帖子页面时，会进行ajax调用以获取该帖子的内容。

Answer 1

您可以在其中一个life cycle methods组件中清空博客帖子Component的状态：componentWillUnmount()

让我简单介绍一下：

1. 您还应该有一个 actionType 说RESET_BLOG_POST

2. 重置BlogPost组件state的操作，会清空actions中的所有组件数据。

3. 我想你知道如何在你的减速机中处理这个动作

4. 在您的组件中，请在componentWillUnmount()

中调用此操作

类似这样的事情

componentWillUnmount(){
  this.props.resetBlogPost(); //this dehydrates your component.
}

因此它会清除组件的当前状态。