react-window 多条列表数据加载（虚拟滚动）

React Window是一个有效呈现大型列表和表格数据的组件，是React-virtualized的完全重写。

React Window专注于使软件包更小，更快，同时API（和文档）对初学者尽可能友好。

安装

Npm

?

1	npm i react-window

Yarn

?

1	yarn add react-window

使用

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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> );

.