React中的requestAnimationFrame和setTimeout有何不同

requestAnimationFrame是浏览器提供的一个专门用于动画渲染的API，它会在浏览器下一次重绘之前执行回调函数，保证动画的流畅性。而setTimeout是js提供的函数，用于在一定时间后执行回调函数。

requestAnimationFrame会在浏览器的帧频刷新时执行，通常是每秒60次，可以根据浏览器的性能自动调整，而setTimeout只能设置固定的时间间隔。

requestAnimationFrame会在页面不可见时停止执行，节省 CPU 资源，而setTimeout会一直执行，即使页面不可见。

使用requestAnimationFrame可以更好地与浏览器的渲染机制配合，可以提高动画的性能和流畅度。setTimeout在处理动画时可能会出现丢帧或卡顿的情况。