大きなテーブルでパフォーマンスを向上させるにはどうすればよいですか？

Question

私はテーブルを保持する親コンテナを持っています（各行は子コンポーネントです）。 子コンポーネントは、データの面で少し重いです（多くの画像を持っている）

だから、それは次のようになります。私は再レンダリング時に親コンポーネントを（子コンポーネントがshouldComponentUpdateで停止されるわけではありません

<parent> 
    <child> </child> 
    <child> </child> 
    <child> </child> 
    ... 
</parent> 

、再レンダリングしないでください）、それは多くの時間がかかります。

Perf.timeWastedに何も表示されません。

私は1人の子供を再レンダリングするとき、速く再レンダリングします。

おそらく、反応している仮想DOMの計算を考えていますか？

他のテスト/指示がありますか？

EDIT：

子供のshouldComponentUpdateが非常に小さい、次のようになります。

shouldComponentUpdate(nextProps, nextState) { 
    let shouldUpdate =nextProps.test1; 
    return shouldUpdate; 
} 

Answer 1

あなたはliblary react-virtualizedまたはreact-infiniteからInfiniteLoaderを使用しようとすることができます。ありがとう、このライブラリは可視コンポーネントだけレンダリングされます。これにより、パフォーマンスが向上します。