問題タブ [react-virtualized]
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.
performance - アニメーションフィルタリングを使用して大規模なデータセットを表示するには?
たとえば mixtitup が提供するものなど、仮想化とアニメーション化されたフィルタリングを組み合わせることができるかどうか疑問に思っていました: https://www.kunkalabs.com/mixitup/
アイデアは、多くのアイテム (たとえば、30K の画像を表す) を提示し、それらを仮想化し、mixitup などのライブラリの素晴らしくスムーズなフィルタリング アニメーションを使用することです。
どうもありがとう！
react-virtualized - 行データを取得するための行インデックスの概念がない場合に React Virtualized を使用する方法は?
行データを取得するための行インデックスの概念がない場合、React Virtualized を使用することは可能ですか?
React Virtualized を使用して、常に変更されている大規模な (100k 行以上) データベース テーブルからのデータを表示したいと思います。行は、テーブル内のランダムな位置で追加/削除/更新されます。
すべての行の位置は数秒ごとに変化するため、行インデックスを使用して行を取得できる関数はありません。
テーブルはソートされており、すべての行に一意のコンテンツが含まれていることが保証されているため、次の関数があります。
getFirst/LastRow() => data: (現在の) 最初/最後の行のデータ コンテンツを取得します。
getNext/PreviousRows(startData, nrRows) => data[]nrRows: content の行から始まる(現在の) next/previous のデータ コンテンツを取得します。startData
findRow(data) => data: コンテンツのある行を見つけますdata
また、テーブルの変更をリアルタイムで追跡するオブザーバー関数もあるため、テーブルの挿入/削除/更新操作ごとにコールバックを取得できます。
これらの利用可能な機能を実行可能な React Virtualized 構成にマップする方法はありますか?