反应虚拟化和InfiniteLoader

时间:2018-12-22 12:33:35

标签: reactjs react-virtualized

我有以下沙盒https://codesandbox.io/s/mqk1z565qp,其中react-virtualized的自定义实现使用受官方文档和示例启发的TableInfiniteLoader组件。 https://github.com/bvaughn/reactvirtualized/blob/master/docs/InfiniteLoader.md

但是在添加InfiniteLoader时我会发疯。

我需要社区的帮助,以了解当前实施中存在的问题并帮助我前进。

在当前立场上,初始数据未正确呈现。仅渲染其中的一部分...期望显示的是前50名用户,并且与用户端进行了任何交互。为什么它现在不发生?

其次,当用户在某个点上向下滚动时,应向服务器发出请求以请求下一批行(另外50行)。现在,当用户滚动时,示例行为不正确。

据我从文档中了解到,每行请求都以给定的startIndex / stopIndex发送到服务器。

关于此,在稍后阶段有2个想法有待实施。

  • 减少对服务器的请求数。理想情况下,仅当滚动接近底部时才要求下一批。
  • 从startIndex / stopIndex转换为页面参数。我真正的API端点是期望的参数,而不是startIndex / stopIndex!

但是现在我很高兴拥有一个可滚动的表格并通过InfiniteLoader按需加载数据

注意:我有一个data.js。它伪造了分为3页的数据结果集。

0 个答案:

没有答案