Javascript React JS：如何在滚动时呈现新组件？

基本上，我想模仿网站的主页。您可以看到滚动时正在加载新组件。我想一个接一个地堆叠组件：

 <Background Media-1 />
 <Background Media-2 />
 <Background Media-3 />
 <Background Media-4 />

一加载站点，用户必须看到后台媒体-1。滚动时，他必须看到media-2、media-3等。我想知道如何实现这个滚动条和在组件之间切换的按钮？还请注意，当您将滚动条置于显示每个相邻组件一半的位置时，滚动条会自动重置

---

简而言之，使用React JS模拟Criteria主页需要哪些工具和库。

例如，使用它仅在可见区域渲染项目。

例如，使用它仅在可见区域渲染项目