无法在 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} />

无法在 FontAwesome React 中显示复选图标

Trouble displaying Check icon in FontAwesome React

import

icons

font-awesome

reactjs