我正在使用 Next JS 开发一个网站。这是我第一次使用这种语言,我还有很多东西要学。
现在,我有 Font Awesome 的专业版订阅,我希望直接在我的项目中使用他们的组件,如他们的指南中所述。
https://fontawesome.com/v6.0/docs/web/use-with/react/
https://fontawesome.com/v6.0/docs/web/use-with/react/add-icons
基本上,只需使用这样的组件:
<FontAwesomeIcon icon={brands("google")} />
Run Code Online (Sandbox Code Playgroud)
有用。
我无法解决的问题是如何在先前初始化的变量中动态设置“google”值。我需要它,因为这些值是动态来自数据库的。
如果我尝试:
var example = "google";
<FontAwesomeIcon icon={brands(example)} />
Run Code Online (Sandbox Code Playgroud)
然后我收到此错误:“引用图标时仅支持字符串文字(此处改为使用字符串)”。
有人有主意吗?