next.js - Next JS 中的 Font Awesome 6 (beta) 和动态图标名称

我正在用 Next JS 开发一个网站。这是我第一次使用这种语言，我还有很多东西要学。

现在，我订阅了 Font Awesome 的专业版，我希望在我的项目中直接使用他们的组件，如他们的指南中所述。

基本上，只需使用这样的组件：

<FontAwesomeIcon icon={brands("google")} />

有用。

我无法解决的问题是如何在先前初始化的变量中动态设置“google”值。我需要它，因为这些值是动态来自数据库的。

如果我尝试：

var example = "google";
<FontAwesomeIcon icon={brands(example)} />

然后我收到此错误：“引用图标时仅支持字符串文字（在此处使用字符串）”。

有人有想法么？

标签： next.jsfont-awesome

下面的工作吗？

var example = ['fab', 'google'];

<FontAwesomeIcon icon={example} />

PS ES6 推荐使用letorconst关键字。