reactjs - React 渲染中的 setInterval 和 CPU 使用率

Question

我正在制作一个里面有一些动画的 React 应用程序。每 40 毫秒使用一次 setInterval，我遇到了 CPU 使用率问题（大约 40-50%）。我认为这是因为我有太多的动画元素，但后来我尝试只渲染一个 div，它显示一个变量：

let min = 0;
timer() {
   this.startTimer = setInterval(() => {
      min += 1;
      this.setState({m: min});
   }, 40);
}

它仍然太糟糕了：20-25% 的 CPU 使用率仅用于刷新“div”，它显示一个变量“min”。当你在 react 中渲染 html 元素时，谁知道减少 CPU 使用率的方法？

标签： reactjssetintervalcpu-usage