- 今天在项目页面布局的时候用到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
