任务非常简单:我有一个<List />
项目(每个 - 小的React组件),例如,每秒10到30个(非均匀的)新项目附加到该列表 - 总计数大约250-500(根本不是那么大) - 理想情况下,附加一些动画。如果我在vanilla JS中这样做,那么我在React中获得了更好的性能(假设因为每秒计算新的虚拟DOM 10-30次)。有没有一种符合方法来提高此任务中的React性能?我尝试了一些shouldComponentUpdate
解决方法,但仍然无法正常工作。我也知道有些像<InfiniteList />
和<VirtualList />
这样的“黑客”,但我怀疑它的'灵活性。
或者这个限制是自然的吗?