关于fontawesome的使用，有些问题想请教一下
来源：7-2 他山之石 - Icon组件编码第一部分
qq_一曲丶终了_0
2022-11-04
看到章节7-1时，我在fontawesome官网上搜索了一些图标时，
当我切换上面的图标时，这里面的icon会变，这种情况下我想知道通过它的icon，该引入哪种svg类型的icons?
以下是我现在的版本
"@fortawesome/fontawesome-svg-core": “^6.2.0”,
"@fortawesome/free-brands-svg-icons": “^6.2.0”,
"@fortawesome/free-solid-svg-icons": “^6.2.0”,
"@fortawesome/react-fontawesome": “^0.2.0”,
写回答
1回答
-
同学你好
如果你仔细看就会发现它们属于不同类型的图标。这里有图标的分类：
https://fontawesome.com/v6/docs/web/add-icons/how-to
注意有些是收费的类型，免费是没发用的。
然后就安装对应的 npm 图标包。这个你已经安装了。我们一般只能使用免费类型的图标。
https://fontawesome.com/v6/docs/web/setup/packages
然后在 React 中使用。
根据 6.2 文档，https://fontawesome.com/v6/docs/web/use-with/react/add-icons
要先全局添加图标以后才能使用，比如这样：
import ReactDOM from 'react-dom' import { library } from '@fortawesome/fontawesome-svg-core' import { fas } from '@fortawesome/free-solid-svg-icons' // 下面是你想添加的对应的图标， import { faTwitter, faFontAwesome } from '@fortawesome/free-brands-svg-icons' library.add(fas, faTwitter, faFontAwesome)然后就可以像你那样使用了。
10
相似问题
请教老师一个关于业务的问题
回答 1
请教一下移动端、pc自适应的问题
回答 2
关于为何使用setTimeOut的问题
回答 1
请问老师这里使用字符串索引类型
回答 1
fontawesome报错
回答 1