需要一次渲染100k +列表React

时间:2019-01-23 11:47:27

标签: reactjs

当我们一次渲染所有列表时,浏览器会滞后

我们正在尝试绘制一个数组,其中包含100k +个项目的图表,该数组中的所有项目都应显示在图表中。

在React中有没有最好的方法

2 个答案:

答案 0 :(得分:4)

考虑使用延迟加载,例如https://github.com/bvaughn/react-virtualized

但是不建议一次显示如此庞大的数据集,您可以做的是客户端服务器的分页 -侧面分页。

对于具有大量数据的折线图,请考虑使用canvasjs https://canvasjs.com/react-charts/performance-demo-chart/

答案 1 :(得分:0)

使用react virtual列表,它将仅呈现可见项目。 https://github.com/bvaughn/react-virtualized