React中使用阿里Iconfont

阿里iconfont：www.iconfont.cn

第一步：在官网顶部搜索需要的图标，

第二步：划过图标加入购物车

第三步：点开顶部购物车图标进入购物车内部

第三步：购物车图标添加至项目，没有项目的需要建项目

第四步：添加到项目中后，进入项目内，入口

第五步：点击Symbol下的复制代码

// 下面的进入项目中操作，以antd 4.x 和 5.x为例

第六步：在components 文件下新建MyIcon文件+index.ts

import { createFromIconfontCN } from '@ant-design/icons';

export default createFromIconfontCN({
    scriptUrl: '//at.alicdn.com/x/x/xxx_xxxx.js', // 该js为第五步从symbol下复制的代码
});

第七步：使用MyIcon

import MyIcon from '@/components/MyIcon';
// 这儿的xxxx 等于上图，项目内图标复制代码得出
<MyIcon type="xxxx" />