反应-向下滚动/多个问题时自动加载列表项

时间:2020-05-11 18:34:49

标签: reactjs listview ecmascript-6 scroll material-ui

我已经使用es6和funcions建立了基本页面。然后,我尝试在列表视图中滚动添加项目。

首先,我检查了react-window及其examplesmaterial-ui建议使用)。但是这里的问题是,它会产生两个垂直滚动条,并且在到达底部时不支持手动加载n值。

然后我检查了另一个问题here,然后关注tutorial。但是,此方法使用滚轮侦听器,该侦听器对每个滚动像素进行响应,并且其useInfiniteScroll仅应用一次,因此我无法在何时停止在此处更新条件。此外,在添加新项目之后,它不会存储以前的项目,并且在到达底部和第一次更新后将进行2次更新。

然后,我检查了react-infinite-scroll-component。第一个问题是控制台发出警告:

Warning: Using UNSAFE_componentWillReceiveProp
...
Please update the following components: InfiniteScroll

另一个问题是,添加新项目后,它会跳到页面开头,而我希望它保持原样。

我还能使用什么来添加无限滚动并在到达页面底部时自动加载项目,并且没有辅助滚动条?也许我做错了吗?

0 个答案:

没有答案
相关问题