如何在 REACT 中使用字体很棒的图标上的数字？

Question

我希望输出如下图所示。

我在下面找到了

<!-- Create an icon wrapped by the fa-stack class -->
<span class="fa-stack">
    <!-- The icon that will wrap the number -->
    <span class="fa fa-circle-o fa-stack-2x"></span>
    <!-- a strong element with the custom content, in this case a number -->
    <strong class="fa-stack-1x">
        2    
    </strong>
</span>

但这段代码不在 REACT 中，我想在 REACT 中使用 React-Fontawesome

实现它

所以请帮我解决这个问题。

Answer 1

你可以这样做：

<div style={{ position: "relative" }}>
    <FontAwesomeIcon icon="circle" />
    <span style={{ position: "absolute" }}>2</span>
</div>