react-icon中的某些图标给出了导入错误

Question

我安装了 react-icons ，有些图标FaBeer，FaBed可以正常工作，但是其中许多图标（FaPencil，FaFloppyO，{ {1}}）生成以下错误。 FaCalendarTimesO

1. 为什么会出现此错误？
2. 是否有 react-icons 的高级（或其他）版本？

PS：这是ReactJS项目，我已经重新安装了所有内容。

Answer 1

当前react-icon软件包中使用的FontAwesome Icons版本是5.4.0 免费版本。您可能要访问的某些图标在该版本中不可用。

例如，FaPencil是FontAwesome的 pro 软件包（付费版本）的一部分。但是，您可以尝试使用FaPencilAlt －可以使用它并且可以正常工作。

我相信

floppy-o是一个非常旧的图标，现在已在react-icons中提供的FaSave中替换为当前版本？

FaCalendarTimes也可用，但是（不再）calendar-times-o

list of free FontAwesome icons应该有助于您了解react-icons中可用的图标。

---

如果您想绕过使用react-icons而想直接在您的react项目中使用FontAwesome图标，那么我建议您使用react-fontawesome包。这样，您就可以添加免费图标或专业图标（如果您已经为FontAwesome的专业软件包付费）。它还包括一些自定义图标的功能，这些功能特定于FontAwesome-这是您无法在react-icons中获得的功能，它正在为各种图标包提供通用的通用包。

Answer 2

由于导入名称错误的图标而出现错误。 铅笔是FaPencilAlt

查看其官方website以获取更多图标

import { FaBeer, FaPencilAlt, FaCalendarTimes } from "react-icons/fa";

选中此Codepen链接以查看其他图标