ストアを聞いてvs forceUpdate（）

Question

ページに5つのコンポーネントがあると、ストアから何かを得ることができます。彼らはすべて1つの店を聴いています。すべてのコンポーネントについて、店舗内にリスナーを作成します。

私の質問です - リスナーの代わりにforceUpdate()を使用できますか？店舗で何かを送信し、更新を待つ：

店で

getInitialState: function() { 
    return {val: Store.getFoo}; 
}, 
click: function(info) { 
    Store.updateInfo(info, function() { 
    this.forceUpdate(); 
    }) 
} 

：

updateInfo: function(info, callback) { 
    foo = info + someValue; 
    callback() 
} 

しかし、ドキュメントの

：通常

あなたがforceUpdateのすべての使用を避けるために試してみてください（）とrender.（）のthis.propsとthis.stateからのみ読み込みます。これにより、アプリケーションのシンプルさと効率が向上します

ありがとうございます。

Answer 1

forceUpdateを使用しますが、はではありません。

現在のアプローチは正しいです（forceUpdateを使用しない）。

これらの共通の親を持ち、子にデータを渡すと、親コードが膨れ上がり、ストアが変更されたときに6つのコンポーネント（親、5子）がレンダリングされます。ストアをリッスンするこれらの「コンテナ」コンポーネントを多く持つと、コンポーネント間のアイソレーション（「独立した子」）が増え、ストアの更新時にコンポーネントの再レンダリングが少なくなるため、パフォーマンスが向上します。 shouldComponentUpdateも必ず使用してください。 https://www.youtube.com/watch?v=KYzlpRvWZ6c