我想将我在JavaScript中实现的滚动展示效果移植到 React ：这是demo。该代码基本上通过使用element.getBoundingClientRect()来检查元素是否可见，并触发动画。
我知道有this这样的库，它们在React中完成相同的工作，但是我想了解如何在React中创建可重用的元素。
我的主要目标是向多个不相同 React组件添加功能，以便它们在可见时触发特定的动作。为此，我想实现一个可重用的解决方案。
我最大的问题是，我不知道，是否可以使用高阶组件来实现此功能，或者是否简单的父组件是更好的选择