在React中快速更新进度条

Question

我有一个进度动画，该动画由requestAnimationFrame和变量progress更新。它的更新频率很高（我可能每秒更新约60次）。

如果我这样将progress更改为style：

<div className="progress-line" style={{transform: `translateX(${progress})`}}></div>

它可能会触发很多React渲染。

有更好的方法吗？也许像这样更改refs：

_ref.style.transform = `translateX(${progress})`