渲染大列表时如何优化性能?

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

我正在构建一个 React 应用程序,我需要在其中显示大量项目列表(大约 10,000 个元素)。目前,我正在使用标准 .map 方法来呈现列表中的每个项目。然而,这种方法会导致严重的性能问题,例如渲染时间缓慢和 UI 滞后。

这是我当前代码的简化版本:123

reactjs
1个回答
0
投票

您可以使用名为 react-window 的包,它有助于在视口中延迟加载列表项。您可以根据您的用例来探索它。 链接

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