我有以下沙盒https://codesandbox.io/s/mqk1z565qp,其中react-virtualized
的自定义实现使用受官方文档和示例启发的Table
和InfiniteLoader
组件。 https://github.com/bvaughn/reactvirtualized/blob/master/docs/InfiniteLoader.md
但是在添加InfiniteLoader时我会发疯。
我需要社区的帮助,以了解当前实施中存在的问题并帮助我前进。
在当前立场上,初始数据未正确呈现。仅渲染其中的一部分...期望显示的是前50名用户,并且与用户端进行了任何交互。为什么它现在不发生?
其次,当用户在某个点上向下滚动时,应向服务器发出请求以请求下一批行(另外50行)。现在,当用户滚动时,示例行为不正确。
据我从文档中了解到,每行请求都以给定的startIndex / stopIndex发送到服务器。
关于此,在稍后阶段有2个想法有待实施。
但是现在我很高兴拥有一个可滚动的表格并通过InfiniteLoader
按需加载数据
注意:我有一个data.js。它伪造了分为3页的数据结果集。