私は React-window (react-virtualized の最新バージョン) を使用して、画像の無限のリストを表示しています。従来のリストでは非常にうまく機能しますが、グリッドとして使用すると UI がフリーズします。
その理由は、react-window グリッドが各要素の一意のインデックスではなく、行および/または列のインデックスを返すためだと思われます。簡単に言うと、1 行に 3 つの画像を表示する場合:
- 行 1 => 画像 1 = インデックス 0、画像 2 = インデックス 1、画像 3 = インデックス 2
- 行 2 => 画像 1 = インデックス 0、画像 2 = インデックス 1、画像 3 = インデックス 2
そのため、インデックス 4、5、および 6 を受け取る代わりに項目が繰り返されます。ライブラリのグリッドを使用した人はいますか?もしそうなら、どのようにして正しい列の正しい項目を取得できましたか?