React Window
made with React

简介及使用教程

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

image.png

示例

image.png

作者

Brian Vaughn

@brian_d_vaughn

相关项目

这是一个基于Material UI的数据表格组件。
这是一个表格组件。
这是一个基于React的快速、灵活和简单的数据表组件。
这是一个功能强大且高性能的数据表格组件。
这是一个用于有效呈现大型列表和表格数据的React组件