从 FontAwesomeIcon 获取帮助图标名称答案

【问题标题】：get help icon name from FontAwesomeIcon从 FontAwesomeIcon 获取帮助图标名称
【发布时间】：2021-05-12 18:49:50
【问题描述】：

请帮我找到导入

来自

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

我正在尝试在html中使用它，如下所示

<FontAwesomeIcon icon={faTimes} />

请提供帮助和信息的名称，例如 faTimes

【问题讨论】：

这可能是错字吗？ “fortawesome”而不是“fontawesome”？请提供有关任何错误消息的详细信息，并更具体地说明什么不起作用。
Sry 错字是正确的
我明白了，是的，刚刚检查了文档，这是正确的包。你检查过gallery吗？

标签： reactjs fonts icons font-awesome

【解决方案1】：

试试import { faQuestionCircle, faInfoCircle } from '@fortawesome/free-solid-svg-icons';

我使用集合here找到它

【讨论】：

【解决方案2】：

查看图标gallery 并搜索您要使用的图标。例如，搜索“question”并找到“fa-question-circle”并将名称从 kabob-case 转换为 camelCase。

import {
  faTimes,
  faQuestionCircle,
  faInfoCircle
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

...

{[faTimes, faQuestionCircle, faInfoCircle].map((icon, i) => (
  <FontAwesomeIcon key={i} icon={icon} size="10x" />
))}

【讨论】：