reactjs 如何使用API来度量react中状态更改后完成所有显示更新所需的时间

nwlqm0z1  于 2023-01-08  发布在  React
关注(0)|答案(1)|浏览(104)

我知道要使用标记和测量,但不确定如何/在哪里放置它。iidoEe.要知道渲染完全完成以结束持续时间。

plicqrtu

plicqrtu1#

如果你不想在点击按钮时触发它,它应该在一个效果钩子中,比如:

useEffect(() => {
    performance.mark('performanceStart');

    // Do you state updates here etc.

    requestAnimationFrame(() => {
      performance.mark('performanceEnd');
      performance.measure('performance', 'performanceStart', 'performanceEnd');
      const measure = performance.getEntriesByName('performance')[0];
      console.log(measure.duration);
    });
  }, []);

相关问题