react使用FontAwesome字图标库

在项目中遇到三角形图标不一致的问题,尝试使用FontAwesome字图标库解决。按照官方文档安装并引用,初次引入时图标未显示,通过调整className写法,将图标名字格式改为'fa+原图标名字(首字母大写)',最终成功显示图标。对于初次写法未能显示图标的疑问待解答。
摘要由CSDN通过智能技术生成

如图,项目要求实现的效果是这样的:

然后我做出来的效果是这样的:

很明显三角形图标不一致,因为antDesign的<Icon>图标只有这个:

在找字图标的途中看到FontAwesome有这种字图标,决定拿来用,于是照着文档来引用:

https://github.com/FortAwesome/react-fontawesome

首先把Webstore切到Terminal,输入命令安装:

npm i --save @fortawesome/pro-solid-svg-icons@prerelease
npm i --save @fortawesome/pro-regular-svg-icons@prerelease
npm i --save @fortawesome/pro-l
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值