FontAwesomeIcon（反应式）不适用于伪元素

Question

我在ReactJS上使用了FontAwesomeIcon组件，终于使它能够工作...

但是现在还有另一个问题。因为从我的理解来看，FontAwesomeIcon不是实际的字体，而是呈现svg图标的组件，如果我需要将图标指定为伪元素的内容怎么使用？例如，在这里，类似的方法起作用了：

.box::before {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: #ffffff;
    content: '\F05A';
}

但是现在不起作用。我也应该安装Fontawesome字体吗？如果是这样，如果我同时需要两者，那么FontAwesomeIcon组件又有什么意义呢？