水平列表中的20项大幅度减速反应应用程序

Question

我有一个20次的清单，大部分的项目只是一个或两个句子与一些是图片。

我把它们变成了一个灵活的横向列表，目的是创建水平转换列表。

这大大减慢了应用程序的速度。

我知道是项目的数量减慢了应用程序的速度，因为当我将列表减少到3个项目时，它会加快速度。

我有一台雄多核电脑。不可能是硬件。

可能是什么原因？

Answer 1

信息太少，无法选择特定的解决方案(例如:有多少项同时在屏幕上可见？)该页是垂直滚动还是水平滚动？列表是否包含在某种类型的div中？)

有没有可能有一些你不想要的重呈现？通常，首先要检查应用程序是否运行缓慢。

如果您的数据是在组件的生命周期内定义/获取的，请考虑使用回忆录来避免对其进行不必要的更新，并最终对DOM进行更新。

通常，对于您所描述的情况，我们使用的是所谓的虚拟化。这是一种技术，允许您只呈现实际应该在当时可见的元素。这允许您在任何数据更改时保存一些不必要的呈现和DOM更新。您可以通过使用库(如反应窗或反应虚拟化 )来实现这一点。