Reactjs 出于奇怪/未知的原因，在《盖茨比》中闪现了未格式化的内容。如何诊断该问题？

我在我的网站上看到一个奇怪的未格式化内容。嗯，不完全是这样-大多数样式都已加载，但我的子标题中的图标随着站点加载而变大。然后发生了一些事情，一些样式完成加载，图标跳回预期大小

我使用的是SCS（非样式化组件）

你可以在这里看到问题：

以下是该页面的代码：

下面是subnav元素（存在问题的元素）的代码：

---

问题发生在

FontAwesomeIcon

附近（图标加载很好，只有样式不加载）。我能试着解决这个问题吗？

如果你看一下计算的样式，你会发现SVG的

高度的初始值是
107.571px
，所以在第一次加载/渲染时，一旦渲染了样式，它就会取默认值。加载后，它们将
高度
值覆盖为
1em
，如图所示。之后，
宽度
更改为
0.75em
：

.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em; // here
    overflow: visible;
    vertical-align: -0.125em;
}

.svg-inline--fa.fa-w-12 {
    width: 0.75em; 
}

您需要查看
@fortwome/react-fontwome
以了解如何处理它。
非常感谢！