React使用阿里巴巴矢量图标库

一、将图标添加到项目中

二、复制生成的代码

三、这个方法基于antd引入的，需要在创建一个js文件MyIcon.js，把以下代码复制进去。

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

// 图标有更新时，需更新下面图标链接
export const MyIcon = createFromIconfontCN({
    //如果你的阿里巴巴图标库中有两个或者两个以上，可以重新生成代码共用这一个。
  scriptUrl: '//at.alicdn.com/t/c/font_4427318_zv4a7bz2oo.js',
});

四、先复制图标的代码，例如icon-wuhaihuachuli

五、将图标代码绑定到type上，在当前页面导入即可使用。

import { MyIcon } from './components/MyIcon';

export default function(){

	return (
		<MyIcon type="icon-wuhaihuachuli" style={{ fontSize: '15px' }} />
	)
}