Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无限滚动无法正确处理大数据_Javascript_Html_Css_Reactjs_Scrollbar - Fatal编程技术网

Javascript 无限滚动无法正确处理大数据

Javascript 无限滚动无法正确处理大数据,javascript,html,css,reactjs,scrollbar,Javascript,Html,Css,Reactjs,Scrollbar,我们使用了react定制滚动条组件,并通过调用支持分页的API实现了无限滚动条 我们使用了网格布局,并在react自定义滚动条中进行了渲染 该组件可以很好地处理一些数据,但是在处理了大量数据之后,该组件会显示奇怪的输出在某一点滚动很多次后,所有数据将重叠到一个网格范围内,并且不会追加到新行。 图1:经过一定时间后,所有数据在跨度上重叠,未按预期工作 图像2:在浏览器中检查时,显示消息“显示所有节点”,如您在所附的其他图像中所示 要呈现的数据在jsx中创建,并存储在组件的本地状态中 图像1:显示重

我们使用了react定制滚动条组件,并通过调用支持分页的API实现了无限滚动条

我们使用了网格布局,并在react自定义滚动条中进行了渲染

该组件可以很好地处理一些数据,但是在处理了大量数据之后,该组件会显示奇怪的输出在某一点滚动很多次后,所有数据将重叠到一个网格范围内,并且不会追加到新行。

图1:经过一定时间后,所有数据在跨度上重叠,未按预期工作

图像2:在浏览器中检查时,显示消息“显示所有节点”,如您在所附的其他图像中所示

要呈现的数据在jsx中创建,并存储在组件的本地状态中

图像1:显示重叠数据的图像

图像2:显示浏览器内部所有节点的图像

如果有人能建议这里到底发生了什么,我该如何解决这个问题