react-window 多條列表數據加載（虛擬滾動）

React Window是一個有效呈現大型列表和表格數據的組件，是React-virtualized的完全重寫。

React Window專注於使軟件包更小，更快，同時API（和文檔）對初學者盡可能友好。

安裝

Npm

npm i react-window

Yarn

yarn add react-window

使用

import { FixedSizeList as List } from 'react-window';

const Row = ({ index, style }) => (
  <div style={style}>Row {index}</div>
);

const Example = () => (
  <List
    height={150}
    itemCount={1000}
    itemSize={35}
    width={300}
  >
    {Row}
  </List>
);

.