material-ui の List および ListItem コンポーネントを使用していました。具体的には、ネストされたアイテム機能を使用していました。http://www.material-ui.com/#/components/listを参照 してください。ページの半分ほど下にネストされたリストが表示されます。要点: material-ui は、インデントや展開/縮小矢印などの「ネスト」の問題を処理します。
多くのアイテムを追加すると、リストが非常に遅いことに気付きました。そこで、react-virtualized から AutoSizer を偶然見つけました。問題は次のとおりです。react-virtualized では、コードは行ごとに rowRenderer 関数を提供する必要があります。ネストされた項目のインデントを把握する組み込みの material-ui 機能を失いたくありません。しかし、AutoSizer を使用すると、インデントを把握するためにコードでカスタム作業を行う必要があるようです。また、私のコードは、展開/縮小の矢印を提供する必要があります。現在、material-ui の List/ListItem に無料で付属しています。
ヒントや提案はありますか？
ありがとうございました