問題タブ [react-window]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

93 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
0 に答える
570 参照

reactjs - 反応無限ローダー内の反応リストの要素間にマージンを追加する

インフィニティ ローダー内の react-window-list の要素間にギャップを追加する方法はありますか? マージンの設定は機能しません。

私は次の方法でそれを行う方法を見つけました：

この解決策は非常に恐ろしいことがわかりました。それを行う他の方法はありますか?

ps: itemSizeCSS で設定する代わりに 50 を設定しても機能しません。

0 投票する
0 に答える
268 参照

reactjs - React-window グリッド:現在の列の代わりにアイテムの実際のインデックスを取得する方法は?

私は 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 を受け取る代わりに項目が繰り返されます。ライブラリのグリッドを使用した人はいますか?もしそうなら、どのようにして正しい列の正しい項目を取得できましたか?


12345678910