reactjs - 反应配置文件组件如何聚合时间

Question

我正在尝试测量网页加载时间（反应应用程序）。我发现有React.Profiler组件可以使用。我认为总和commitTime - startTime会给我页面加载时间。我认为只使用一个变量来收集总时间是安全的，因为由于无限重新渲染，我不想要状态。那么，如何找出组件的最后一次更新，以便将总加载时间发送到另一个服务或存储在 db 中？

function Profile({children}) {
  let total = 0;
  function onRender(id, phase, actualDuration, baseDuration, startTime, commitTime) {
    total += commitTime - startTime);
  }

  return (
    <Profiler id="loadingtime">
      {children}
    </Profiler>
  );
}

标签： reactjsprofiler