无法在 React 中显示 FontAwesomeIcon 的切换图标

Question

我在 React 应用程序中显示 关闭图标 时遇到问题：
图标未出现在屏幕上。
我该如何解决？

下面是我的代码片段。

import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
<FontAwesomeIcon icon="fa-solid fa-toggle-off" onClick={switchTheme}/>

Answer 1

如文档中所述，这并不是显示 FontAwesome 对象的确切方式

您有 2 种可能的方法：

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

<FontAwesomeIcon icon={["fas", "toggle-off"]} />

或

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

<FontAwesomeIcon icon={faToggleOff} />

无法在 React 中显示 FontAwesomeIcon 的切换图标

Cannot show toggle icon of FontAwesomeIcon in React

reactjs

font-awesome