无限滚动不适用于大数据

Question

我们使用了react-custom-scrollbars组件，并通过调用具有分页支持的api来实现无限滚动条。

我们使用了网格布局，并在react-custom-scrollbars内部渲染。

该组件可以在处理一些数据时正常工作，但是在处理大量数据之后，该组件显示了奇怪的输出。 在某个点滚动很多之后，所有数据都会重叠到一个网格范围中，并且不会追加到新行中。

图片1 ：经过一定时间后，所有数据都在跨度上重叠，无法按预期工作。

图像2 ：在浏览器中进行检查时，它显示消息 “显示所有节点” ，如您在所附的其他图像中所见。 / p>

要渲染的数据是在jsx中创建的，并存储在组件的本地状态中。

图像1 ：显示重叠数据的图像。

图像2 ：显示的图像显示了浏览器检查中的所有节点

请任何人提出这里的实际情况以及如何解决此问题。