iconfont 在antd中使用

• 今天在项目页面布局的时候用到antd里的图标,没有想要的,官方文档说可以引入iconfont,但是试了几次都没有成功,刚开始以为是自己写错了

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

const MyIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js', // 在 iconfont.cn 上生成
});

ReactDOM.render(<MyIcon type="icon-example" />, mountedNode);

• antd 提供了createFromIconfontCN()方法,然后我们只需要在iconfont中将需要用到的图标添加到iconfont创建的对应项目中,但是以上这种写法并未实现想要的效果还报错了(尴尬).
• 正确写法:

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

const MyIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_xxxxxxxxx.js', // 在 iconfont.cn 上生成
});

• 没错,就是这样就解决了,引入createFromIconfontCN()方法的路径上加上lib
• 这里的scriptUrl 路径生成是用 SymbolIcon = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_xxxxxxxxx.js', // 在 iconfont.cn 上生成
  });
  没错,就是这样就解决了,引入createFromIconfontCN()方法的路径上加上lib
  这里的scriptUrl 路径生成是用 Symbol