在CSS模块中使用字体可怕的图标

Question

我想与CSS模块一起使用字体令人敬畏的图标。由于它们具有“静态选择器”，因此我不确定如何完成此操作。 F.e：

<i
  className={styles.icon} 
>
Hi
</i>

现在我想用"fas fa-search fa-2x"添加图标。我该怎么做？

Answer 1

您可以组合基于CSS模块的类和fontawesome类

<i calssName={`${styles.icon} fas fa-search fa-2x`}>Hi</i>

其中styles.icon是此图标的自定义样式

Answer 2

我能够找到解决方案：

您只需在两者之间添加一个逗号。 F.e：

<i
  className={(styles.icon, 'fas fa-search fa-2x')}
>
Hi
</i>