关于 Reactjs 中 FontAwesome 的快速问题

Question

所以我正在学习 Reactjs，我想在我的项目中使用 FontAwesome。但我有 1 个问题。 在他们的文档中，它说：

import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons'

fab ：代表@fortawesome/free-brands-svg-icons 中的所有品牌图标。因此，该包中的任何品牌图标都可以通过图标名称作为我们应用程序中其他任何地方的字符串来引用。例如：“apple”、“microsoft”或“google”。

faCheckSquare 和 faCoffee ：分别添加这些图标中的每一个，我们可以在整个应用程序中分别通过图标字符串名称“check-square”和“coffee”来引用它们。

---

所以我想知道哪个代表所有solid-svg-icons？

如果我的组件中需要 20 个图标，那么我将不得不编写所有 20 个 faCheckQuare、faCoffe ......对吗？ 请告诉我是否有比这更好的方法？ 非常感谢。

Answer 1

你可以全部导入。

import * as SvgIcons from '@fortawesome/free-solid-svg-icons'

然后开始使用它们。

SvgIcons.faCheckSquare
SvgIcons.faCoffee 
// etc ...

如果还有什么想知道的欢迎留言。