我一直在使用不同的方法来测试动画React组件的性能。对我来说最有趣的两个是：
在父组件中，保持子状态不变，并使用requestAnimationFrame更新子项，然后将道具传递给一堆子项，然后使用translateX()移动子项以提高性能
在每个孩子中保持位置状态并更新其位置
我看到两者之间有相似的表现。我知道React会批处理多个对setState的调用，但是我想知道它是否仍会在单独的组件之间批处理这些调用。在第一种方法中，setState每帧仅被调用一次。在第二种方法中，我们为每一帧的每个组件调用setState。
哪种方法更好？
也许我没有使用足够的子组件来看到真正的区别，但是如果任何对React的和解过程有更多了解的人都想知道我的想法。