你可能感兴趣的资源
react-virtual-list：超简单的虚拟化列表React组件
用于版本^15.0.0 || ^16.0.0超简单虚拟化列表^15.0.0 || ^16.0.0 。
react-virtual-list允许您显示固定高度项目的大列表，而仅使这些项目在屏幕上可见。 这允许使用少得多的DOM元素呈现大列表。
其他好处：
一个依赖项（它是prop-types ）
性能-演示页面几乎总是保持60fps以上的速度
将您的组件分开-作为高阶组件
让您控制-不会强制执行任何特定的标记，但会为您提供必要的样式和数据以供使用。
如果您正在寻找支持~0.13.x版本1的文档，请~0.13.x。
您可以使用安装 。
> npm install react-virtual-list --save
./lib/VirtualList.js模块导出单个ES5兼容的，可访问CommonJS的组件工厂。
import VirtualList from 'r
react-dynamic-virtual-list:支持任何大小元素的React虚拟列表组件
动态虚拟列表
React虚拟列表组件旨在成为最灵活和高性能的组件。
超级简单的设置。
刚刚压缩了超过2 KB。
服务器端渲染支持。
支持可变的元素高度。
通过flexbox支持网格布局。
自动检测元素高度。
使用requestAnimationFrame渲染可获得良好的滚动性能。
多个生命周期事件和挂钩。
Typescript，Babel和ES5支持。
npm i react-dynamic-virtual-list
在Typescript / Babel项目中使用：
import { DVL } from "react-dynamic-virtual-list" ;
在节点中使用：
const DVL = require ( "react-dynamic-virtual-list" ) . DVL ;
要直接在浏览器中使用，请将下面的标签拖放到您的<
react-simple-vlist:一个很小的，简单的，垂直滚动的虚拟列表，用于响应
React简单vlist
一个非常简单的虚拟列表。 该组件仅尝试以非常简单的方式解决虚拟化垂直滚动的问题。 没有其他的。
通过对该存储库做出贡献，您同意遵守。 谢谢你。
下面显示了该组件最原始的用法。
import React from 'react' ;
import VList from 'react-simple-vlist' ;
function BasicUsage ( ) {
* A generated list of items.
const items = Array . from ( { length : 100000 } , ( _ , i ) => ( {
id : i ,
name : `Item ${ i } ` ,
data : Math . round ( Math . random
react-native-waterfallList
React本机瀑布列表 增强的，动画的和可自定义的react-native-waterfall-list。 react-native-waterfall-list是扩展............特征流畅的输入/退出动画设置该库在npm上可用，可通过以下方式安装： npm i react-...
react-swipeable-list：React的可滑动列表组件
import { SwipeableList , SwipeableListItem } from ' @sandstreamdev/react-swipeable-list ' ; import ' @sandstreamdev/react-swipeable-list/dist/styles.css ' ; < SwipeableListItem xss=removed>Revealed ...
一个优雅的React虚拟列表组件-React开发
React Virtuoso是一个简单易用的React组件，用于呈现巨大的数据列表。
开箱即用，Virtuoso：优雅地处理可变大小的项目；
无需人工测量或对物品高度进行硬编码；
支持对Wi进行分组React Virtuoso是一个简单易用的React虚拟化列表组件，可以呈现大量数据集。
开箱即用，Virtuoso：处理动态高度可变的项目；
无需手动测量或对物品高度进行硬编码；
支持使用粘性组头分组（GroupedVirtuoso）；
支持响应式网格布局（VirtuosoGrid）；
自动处理内容调整大小；
可以在列表末尾显示页脚；
可以将前N个项目固定在列表顶部。
对于现场考试
