react-infinite

React Infinite

一个基于 UITableView 的浏览器端高效滚动容器。

React Infinite 0.7.1 仅支持 React 0.14 及以上版本。如需支持 React 0.13，请将包固定到 0.6.0 版本。

• 支持静态和可变元素高度
• 内置对无限加载后续页面的支持
• 可将窗口用作滚动容器
• 可作为聊天/消息样式显示使用
• 94% 的 Jest 测试覆盖率，并通过 Facebook 的 Flow 进行类型检查
• 提供示例供实验使用

当一长串DOM元素被放置在可滚动容器中时，即使它们不在用户视野内，也全部保留在DOM中。这效率极低，尤其是在滚动列表可能长达数万甚至数十万项的情况下。React Infinite通过仅渲染用户能看到或可能即将看到的DOM节点来解决此问题。其他DOM节点被聚合并渲染为单个空白节点。

安装

在浏览器中

相关文件为 dist/React-infinite.js 和 dist/React-infinite.min.js。您必须在 window 上以名为 React 的全局变量形式提供 React。通过拼接或脚本标签引入任一文件后，将生成一个名为 Infinite 的全局变量，代表该组件。

在 NPM 中

React Infinite 采用通用模块定义，因此您也可以在 NPM 中使用它。npm install 此包并

var Infinite = require('react-infinite');

在 Browserify 中

If you want to use the source with Browserify, the ES5-compiled source is directly requirable from the /build folder off NPM. 否则，你可以按照 NPM 的说明进行操作。

基本用法

等高元素

要使用 React Infinite 与