如何使用变量名来引用 React 中的导入？答案

【问题标题】：How can I use a variable name to refer to an import in React?如何使用变量名来引用 React 中的导入？
【发布时间】：2021-06-01 05:11:24
【问题描述】：

我有一系列看起来像这样的对象：

{
  color: '#7018A7',
  icon: 'User',
  label: 'todd',
  text: "Lorem ipsum..."
},

我需要在 Font Awesome 组件<FontAwesomeIcon icon={icon} 中使用我的图标属性。但是，我正在导入我需要的图标import {faUser} from '<font awesome library>'。当然，如果我插入图标的名称（icon={`fa${icon}`}），我会得到一个错误，因为它不等于实际导入的图标。

有没有办法通过变量/属性名来引用导入的图标？

【问题讨论】：

标签： reactjs import font-awesome

【解决方案1】：

问题：FontAwesomeIcon 不接受字符串作为参数。

解决方案：将图标属性的值设置为导入的图标

icon: faUser

【讨论】：