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

Reactjs 如何在React中呈现新内容之前刷新旧内容?,reactjs,redux,Reactjs,Redux,我有一个基本的博客应用程序,其中索引页面列出了用户的所有博客文章。当用户单击博客文章时,他将被重定向到包含标题和内容的博客文章页面。如果用户返回到索引页面,然后单击另一篇博文,则会在短时间内显示第一篇博文的内容,然后显示新博文。我如何解决这个问题 注意:当用户访问博客文章页面时,会发出一个ajax调用以获取该文章的内容。您可以在一个组件中清空博客文章组件的状态:componentWillUnmount() 让我简单地说一下: 你应该还有一个actionType说RESET\u BLOG\u PO

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


注意:当用户访问博客文章页面时,会发出一个ajax调用以获取该文章的内容。

您可以在一个组件中清空博客文章
组件的状态:
componentWillUnmount()

让我简单地说一下:

  • 你应该还有一个
    actionType
    RESET\u BLOG\u POST

  • 重置BlogPost组件的
    状态
    ,清空
    操作
    中的所有组件数据的操作

  • 我想你知道如何在你的大脑中处理这个动作

  • 在组件中,在
    componentWillUnmount()中调用此操作

  • 像这样的

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

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

    您可以在其中一个组件中清空日志
    组件的状态:
    componentWillUnmount()

    让我简单地说一下:

  • 你应该还有一个
    actionType
    RESET\u BLOG\u POST

  • 重置BlogPost组件的
    状态
    ,清空
    操作
    中的所有组件数据的操作

  • 我想你知道如何在你的大脑中处理这个动作

  • 在组件中,在
    componentWillUnmount()中调用此操作

  • 像这样的

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

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

    如果您在列表页中使用状态变量,请在用户单击博客帖子时清空包含要在重定向页中呈现的数据的状态变量如果您在列表页中使用状态变量,清空状态变量,该变量包含当用户单击blog postenmount时要在重定向页面中呈现的数据,该变量的拼写为m而不是n。注意复制粘贴:)Unmount的拼写是m而不是n。请注意复制粘贴:)