在 FontAwesome React 中无法显示检查图标

Question

我正在使用 Font Awesome 和 React。我希望使用以下代码显示检查图标 (https://fontawesome.com/icons/check)：

创建一个 fontawesome 库来整合导入：

import { library } from "@fortawesome/fontawesome-svg-core";
import { faCheck } from "@fortawesome/free-solid-svg-icons";
library.add( faCheck );

此时我没有收到错误，表明检查图标已正确导出。

然后我将使用以下命令导入另一个文件：

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

...

<FontAwesomeIcon icon="check" />

我没有收到错误消息，但图标也没有显示。这可能是命名问题。

我有什么遗漏的吗？

Answer 1

我试过这样，它成功了。

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

/ and in the code where you want to display icon

<FontAwesomeIcon  icon={faCheck} />