在基于React的设计系统中使用FontAwesome图标库

问题描述

我正在尝试在基于React的设计系统中使用Fontawesome的Free实体图标的React模块。我想访问Fontawesome Icon作为FontAwesomeIcon组件呈现的字符串

例如：

<FontAwesomeIcon icon="coffee"/>

或

<FontAwesomeIcon icon={['fas',iconProp]}

如果这是在React组件内部发生的，例如Button组件，这是一个命名导出，是否应该在设计系统中的每个其他组件中导入图标的库（import './fontAwesomeLibrary.js'）？

库文件：

// fontAwesomeLibrary.js

import { library } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
   
library.add(fas)

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）