使用React和Gatsby显示页面负载指标

Question

我想在使用gatsby的每个页面中显示页面加载指标。

我创建一个函数，然后在装入页面组件时调用它。我用setState来显示它。

export function PageLoad() {
  const t = window.performance && performance.timing;
  if (!t) {
    return 0;
  }
  const loadTime = (t.loadEventEnd - t.navigationStart) / 1000;
  console.log("loadtime:", loadTime);
  return loadTime;
}

但是无论如何总会在每个页面中返回相同的值。只有当我重新加载页面时，它才会改变。