react调用antd4.X自定义图标 icon(深入,解决阿里巴巴矢量图标自定义更改后无法引用问题)

384 阅读1分钟

这是我参与8月更文挑战的第17天,活动详情查看:8月更文挑战

写在前面:

  • 本文作为本人学习总结之用,同时分享给大家~
  • 个人前端博客网站:zhangqiang.hk.cn
  • 欢迎加入博主的前端学习qq交流群::706947563专注前端开发,共同学习进步

1 先贴图

在这里插入图片描述

2 看官网代码

ant.design/components/…

在这里插入图片描述

使用 iconfont.cn,使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接,我们在react里面调用它即可。

3 看这篇博客

blog.csdn.net/weixin_4402…

4 解决阿里巴巴矢量图标自定义更改后无法引用问题

在这里插入图片描述

当我们更改了阿里矢量图标后会出现这行次,而且生成以后无法调用。咱办嘞,有一个方法!

  1. 我们把刚刚改的图标下载下来

在这里插入图片描述

  1. 然后再给上传上来

在这里插入图片描述

  1. 找到我们刚刚上传的图标,加入购物车。

在这里插入图片描述

4.生成代码,完成调用!

在这里插入图片描述

在这里插入图片描述