在React中加载字体后，我如何获得offsetWidth的正确值？

Question

我正在为我的React项目中的一个组件调用offsetWidth。

然而，由于我通过index.css文件的@font-face加载字体，我得到的offsetWidth似乎是错误的，因为我的自定义字体被加载并改变了我的元素的宽度，而我的元素恰好是一个Table。

在React中调用offsetWidth之前，我如何等待字体被加载并应用到我的文本上？

谢谢。

Answer 1

通过在window的加载事件监听器中执行我的代码来解决这个问题。

window.onload = (event) => {
  ...code here...
}