Scroll reactjs检测列表项是否在视图中

与instagram feed autoplay一样，我想了解滚动和查看逻辑的位置

我有以下设置：

我有窗口滚动添加到ContentList时，它挂载。我不知道这是否是个好主意，因为我没有直接引用项的dom来知道它何时在视口中

---

解决这个问题的最佳方法是什么？

哇，这是一个很难回答的问题。。。你可能想考虑把它分成不同的部分。不过有一点方向。。。内容列表上的滚动很好。。。您需要确定滚动位置是否接近容器高度的末端。。如果是这样，请加载更多项目。。你能澄清一下你所说的

是什么意思吗？我没有直接引用项目的dom来知道它何时在视口中
？我建议你去看看，谢谢大家的回复。我可以在vanillaJS中应用视图逻辑中的元素，但在reactjs中组织逻辑时遇到问题。ContentList对项的dom元素没有可见性，无法在滚动中执行检查。我的理解是，所有者不知道所有者的内部dom。如果我将scroll事件放在Item中，那么每个项目都必须有多个scroll侦听器。我看到了这一点：所有者访问childs方法并请求内部元素的位置是一种好模式吗？