在React中的CSS模块中组合CSS类

我在react中使用了Fontawesome图标，在react中使用了CSS模块。现在我想使用这个图标，所以我使用以下语法：

我不能使用常规语法

样式。有些类名

，因为图标名称中有连字符，而且我还需要组合fas和fa用户圈类名。我该怎么做

---

谢谢。

您可以使用Fonton版本

它的实现看起来像

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faPlus } from '@fortawesome/free-solid-svg-icons'

 export default (props) => {
  return (
    <div>
      <FontAwesomeIcon icon={faPlus} className="pointer" onClick={props.onAdd} id={props.id} />
    </div>
 )
}

渲染组件看起来像

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faPlus } from '@fortawesome/free-solid-svg-icons'

 export default (props) => {
  return (
    <div>
      <FontAwesomeIcon icon={faPlus} className="pointer" onClick={props.onAdd} id={props.id} />
    </div>
 )
}

导出默认值（道具）=>{
返回(
)
}

---

正如您所看到的，我们可以提供className，因此您可以提供任何您想要提供的额外CSS。

您检查过这个吗？我会检查一下，并告诉你它是否有效。祝你好运！如果您想使用多个类名，您可以使用以下内容实现：谢谢，它可以工作，但我如何自定义我想更改它的颜色等等？fa的react组件可以工作！我如何定制它