Javascript 在.map（）函数运行时渲染项目

我的React应用程序中有一个很大的项目列表。一般来说，我有2000个项目，但他们不渲染，直到地图完成。

因此，在这段代码中，当贴图开始运行时，加载程序停止设置动画，因为props.items.length大于1，但贴图需要一段时间才能完成，因此元素不会显示

有人知道怎么解决这个问题吗？

---

谢谢您

将您的组件负载分成更小的块。。。比如说，先装20个。然后在后台加载更多。生命无限加载。我怀疑viewport能否一次性处理所有2000个项目。所以，只加载viewport可以加载的项，然后加载批中的剩余项。您希望使用这样的库。列出虚拟化，例如，如果您非常关心性能，您还可以将映射函数之类的东西移动到单独的线程。@Kielstra我如何将其移动到单独的线程？因为在这方面的表现是非常重要的case@FranViau您想调查web工作人员：。请注意，任何更新DOM的操作都需要从主线程进行。