Javascript 何时使用虚拟列表？

我正在使用React构建一个类似Facebook或Twitter的提要。我需要一个帖子列表。。。然而，我不知道是否值得拥有一个虚拟列表

我不知道每个帖子的高度，直到它被渲染，因为它可能包含一个图像或视频，我还需要整个窗口滚动（不仅仅是一个元素），我需要它是一个无限列表（当用户到达底部时加载更多帖子）

使用虚拟列表而不是简单地显示所有帖子有什么好处？维护和设置我要找的东西似乎需要做很多工作。

对于初学者，请在列表末尾单击“加载更多”按钮。然后下一步应该是实现虚拟列表。在我们的例子中，实现虚拟列表的一种方法是使用一个不可见的div，并查看它是否出现在视口中。如果是这样，那就多拿些。这样你就不需要知道列表项的高度