Reactjs 在固定数据表中无限滚动

Reactjs 在固定数据表中无限滚动,reactjs,fixed-data-table,Reactjs,Fixed Data Table,我需要为固定数据表实现无限滚动功能。 我检查了API文档,当用户滚动到表的末尾时,没有发送任何事件。唯一看似有用的事件是onScrollEnd,但该事件将返回scrollX和scrollY。 ScrollY相当大,我不知道如何使用这个数字来检测用户是否在接近末尾时滚动。 谁能告诉我如何使用固定数据表实现无限滚动功能? 谢谢很遗憾,这样的组件没有适合无限滚动的API。 解决方案是这样的(但这很难看): onScrollEnd()返回一个滚动值。您需要将此值保持在组件状态,例如this.state.

我需要为固定数据表实现无限滚动功能。 我检查了API文档,当用户滚动到表的末尾时,没有发送任何事件。唯一看似有用的事件是onScrollEnd,但该事件将返回scrollX和scrollY。 ScrollY相当大,我不知道如何使用这个数字来检测用户是否在接近末尾时滚动。 谁能告诉我如何使用固定数据表实现无限滚动功能?
谢谢

很遗憾,这样的组件没有适合无限滚动的API。 解决方案是这样的(但这很难看):

onScrollEnd()返回一个滚动值。您需要将此值保持在组件状态,例如
this.state.scroll
。在每个onScrollEnd上,您必须检查是否相等:

this.state.scroll==nextState.scroll&&nextState.scroll!==0//您不想在scrollTop上加载数据

如果这是真的,则可以加载其他数据、更新存储或现有内容,然后重新渲染组件

大问题:onScrollEnd()函数非常慢:(可能执行去抖动/节流