开发指南
何时使用
主要用于解决大数据情况下的渲染速度问题。组件的设计思想可以看这篇文章 https://zhuanlan.zhihu.com/p/55329238
主要用于解决大数据情况下的渲染速度问题。组件的设计思想可以看这篇文章 https://zhuanlan.zhihu.com/p/55329238
使用 VirtualList 最简单的例子。
使用 jumpIndex 设置初始位置
使用 jumpIndex 设置初始位置, 并设置 itemSizeGetter
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
children | 渲染的子节点 | any | - |
minSize | 最小加载数量 | Number | 1 |
pageSize | 一屏数量 | Number | 10 |
itemsRenderer | 父渲染函数,默认为 (items, ref) => <ul ref={ref}>{items}</ul> 签名 : Function() => void | Function | (items, ref) => <ul ref={ref}>{items}</ul> |
threshold | 缓冲区高度 | Number | 100 |
itemSizeGetter | 获取item高度的函数 签名: Function() => void | Function | - |
jumpIndex | 设置跳转位置,需要设置 itemSizeGetter 才能生效, 不设置认为元素等高并取第一个元素高度作为默认高 | Number | 0 |