【React】react-window

react-window は仮想リストを実現するReactのコンポーネントです。

仮想リストの説明については以下を参考にして下さい。

種類

react-window コンポーネントはいくつか種類が存在します。

Fixed Size List

固定サイズのデータを表示します。各表示されるデータの高さと幅は同じになります。

Variable Size List

可変サイズのデータを表示します。各表示されるデータの高さと幅を変更できます。例えば奇数番のデータは高さを600、偶数番のデータは高さを300にすると言った事が可能です。

Fixed Size Grid

Fixed Size List のグリット(テーブル)版です。

Variable Size Grid

Variable Size List のグリット(テーブル)版です。

インストール

npm install react-window --save

最後に

特にありません。

コメントを残す

メールアドレスが公開されることはありません。

© DeNnie.Lab All Rights Reserved.