Reactで新しいコンテンツをレンダリングする前に古いコンテンツをフラッシュする方法は？

Question

基本的なブログアプリがあります。インデックスページには、ユーザーのすべてのブログ投稿が一覧表示されます。ユーザーがブログ投稿をクリックすると、タイトルと内容を持つブログ投稿ページにリダイレクトされます。ユーザーがインデックスページに戻って別のブログ投稿をクリックすると、1秒間、最初のブログ投稿の内容が表示され、新しいブログ投稿が表示されます。これをどうすれば解決できますか？

注：ユーザーがブログ投稿ページにアクセスすると、その投稿の内容を取得するためのajax呼び出しが行われます。

Answer 1

あなたは部品life cycle methodsのいずれかであなたのブログのポストComponentの状態を空にすることができます：componentWillUnmount()

を私はより簡潔に行こう：

1. あなたが1よりactionTypeがRESET_BLOG_POST

   を言う必要があります

2. あなたのBlogPostコンポーネントのstateをリセットするアクションactionsのすべてのコンポーネントデータを空にします。

3. そして私はcomponentWillUnmount()

に

そして、あなたのコンポーネントの呼び出し中にあなたがあなたの減速で、このアクションを処理する方法を知っているので、この

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

のようなものをこのアクションを考えますコンポーネントの現在の状態をクリアします。