如何在React中渲染新內容之前刷新舊內容？

Question

我有一個基本的博客應用，在那裏索引頁列出了所有用戶的博客文章。當用戶點擊博客帖子時，他被重定向到具有標題和內容的博客帖子頁面。如果用戶返回到索引頁面，然後點擊另一篇博客中，短短的一秒鐘的第一篇博客文章的內容顯示，然後顯示在新的博客文章。我該如何解決這個問題？

注：當用戶訪問一個博客文章頁面，一個Ajax調用，以獲取該帖子的內容。

Answer 1

您可以在組件life cycle methods的一個清空你的博客文章Component的狀態：componentWillUnmount()

讓我走得更簡單：

1. 你應該有一個更actionType說RESET_BLOG_POST

2. 行動的重置博客帖子組件的state瓦特這會清空您的actions中的所有組件數據。

3. 我想你知道如何處理這個動作在減速

4. 而在你的組件調用這個動作在componentWillUnmount()

像這樣

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

所以它清除組件的當前狀態。