Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
关于Reactjs中的FontAwesome的快速问题_Reactjs_Font Awesome - Fatal编程技术网

关于Reactjs中的FontAwesome的快速问题

关于Reactjs中的FontAwesome的快速问题,reactjs,font-awesome,Reactjs,Font Awesome,所以我正在学习Reactjs,我想在我的项目中使用FontAwesome。但我有一个问题。 在他们的文件中,它说: import { fab } from '@fortawesome/free-brands-svg-icons' import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons' fab:代表@fortawesome/free brands svg图标中的所有品牌图标。因此,该软件包中的任何品牌

所以我正在学习Reactjs,我想在我的项目中使用FontAwesome。但我有一个问题。 在他们的文件中,它说:

import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons'
fab:代表@fortawesome/free brands svg图标中的所有品牌图标。因此,该软件包中的任何品牌图标都可能被图标名称引用为我们应用程序中其他任何位置的字符串。例如:苹果、微软或谷歌

faCheckSquare和faCoffee:单独添加这些图标可以让我们在整个应用程序中分别通过图标字符串名称、check square和coffee来引用它们

所以我想知道哪个将代表所有实心svg图标

如果我的组件中需要20个图标,那么我将不得不编写所有20个faCheckQuare、faCoffe。。。正当 请告诉我有没有比这更好的办法?
非常感谢。

您可以全部导入

import * as SvgIcons from '@fortawesome/free-solid-svg-icons'
然后开始使用它们

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

如果您还需要了解其他信息,请发表评论。

它可以工作,但我仍然必须列出library.add中的每个图标,就像这个library.addSvgIcons.faCoffee一样。无论如何,我找到了实心图标的关键字。这是我的。谢谢你的帮助