Как получить правильное значение offsetWidth после загрузки шрифтов в React?

Question

Я вызываю offsetWidth для компонента, который есть в моем проекте React.

Однако, поскольку я загружаю шрифты через @ font-face через файл индекса. css, кажется, что offsetWidth I get неправильный, потому что мой пользовательский шрифт затем загружается и изменяет ширину моего элемента, который оказывается таблицей.

Как мне ждать загрузки шрифта и применения его к моему тексту, прежде чем вызывать offsetWidth в Реагировать?

Спасибо.

Answer 1

Обошлось, просто выполнив мой код в прослушивателе событий загрузки для окна.

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