reactjs固定数据表

时间:2016-04-21 04:04:58

标签: reactjs fixed-data-table

我需要为固定数据表实现无限滚动功能。 我检查了API doc,当用户滚动到表的末尾时没有调度事件。唯一看似有用的事件是onScrollEnd,但该事件让我回滚动和滚动。 ScrollY非常庞大,我不知道如何使用这个数字来检测用户是否在接近结束时滚动。 谁能告诉我如何使用固定数据表实现无限滚动功能? 感谢

1 个答案:

答案 0 :(得分:0)

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

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

this.state.scroll === nextState.scroll && nextState.scroll !== 0 // you dont want to load dada on scrollTop

如果是这样,那么您可以加载其他数据,更新商店或拥有的内容,然后重新渲染组件。

BIG PROBLEM:onScrollEnd()函数非常慢:(也许会进行去抖/限制?