react调用antd4.X自定义图标 icon | 阿里巴巴矢量图标
React 调用 自定义 图标 阿里巴巴 矢量 icon
2023-06-13 09:15:17 时间
1 先贴图
2 看官网代码
https://ant.design/components/icon-cn/#components-icon-demo-custom
使用 iconfont.cn,使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接,我们在react里面调用它即可。
3 看这篇博客
https://blog.csdn.net/weixin_44021270/article/details/107377658
4 解决阿里巴巴矢量图标自定义更改后无法引用问题
当我们更改了阿里矢量图标后会出现这行次,而且生成以后无法调用。咱办嘞,有一个方法!
- 我们把刚刚改的图标下载下来
- 然后再给上传上来
- 找到我们刚刚上传的图标,加入购物车。
4.生成代码,完成调用!
相关文章
- 手写一个react,看透react运行机制
- react-navigation重复点击多次跳转的解决方案
- 02-React脚手架+Todos项目(组件拆分, State应用, 组件通信+数据校验, nanoid)
- 04-React路由5版本(高亮, 嵌套, 参数传递... )
- React Error: Failed at the xxx@0.1.0 start script 'react-scripts start'.
- react面试题详解
- react-开发经验分享-解决antd Table组件selectedRows翻页后不保留上一页已选中items的问题
- 我的react面试题整理2(附答案)
- react的jsx和React.createElement是什么关系?面试常问_2023-02-27
- react源码分析:深度理解React.Context_2023-02-28
- 从源码角度看React-Hydrate原理_2023-03-01
- React源码之更新的创建
- 从react源码角度看React-Hydrate原理
- 前端高频react面试题
- react源码分析:深度理解React.Context
- React--9: 组件的三大核心属性2:props与构造器
- React源码分析(三):useState,useReducer_2023-02-19
- 老大react说:schedule,我们今年的小目标是一个亿_2023-02-19
- react源码中的hooks_2023-02-21
- react 基础之组件篇二——Style in React
- React 老矣,我建议大家用用别的框架
- 一个资深iOS开发者对于React Native的看法
- React 许可证虽严苛,但不必过度 react