与大型列表上的WindowScroller和AutoSizer结合使用的react-virtualized不会呈现所有项目

问题描述 投票:0回答:1

我有300多个项目的大量列表。为了获得更好的性能,我想使用react-virtualized并仅渲染屏幕上当前可见的项目。出于设计原因,我必须使用WindowScroller,并且根据屏幕大小,列表具有不同的宽度。

因此我正在使用WindowScroller和Autosizer。我可以向下滚动70个项目的整个列表,但它会在30个列表项(在我开始滚动之前存在)之后停止渲染。渲染的项目数取决于可见空间(使用codesandbox.io中的打开和关闭控制台进行检查)。

我想我的用法有误,但我不知道我做错了什么。

完整示例:https://codesandbox.io/s/64lzm266n

我搜索了stackoverflow和react-virtualizationized的问题页面但找不到解决方案。我希望有人可以帮助我。

reactjs react-virtualized
1个回答
0
投票

我已经在这个项目的GitHub问题(https://github.com/bvaughn/react-virtualized/issues/1216)上找到了解决方案。

我没有添加样式参数,也没有将WindowTcroller中的scrollTop赋予List组件。您可以在https://codesandbox.io/s/7yzzw92xw1查看固定版本

Kreic&dank the juck

© www.soinside.com 2019 - 2024. All rights reserved.