- 今天在項(xiàng)目頁面布局的時(shí)候用到antd里的圖標(biāo),沒有想要的,官方文檔說可以引入iconfont,但是試了幾次都沒有成功,剛開始以為是自己寫錯(cuò)了
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中將需要用到的圖標(biāo)添加到iconfont創(chuàng)建的對(duì)應(yīng)項(xiàng)目中,
但是以上這種寫法并未實(shí)現(xiàn)想要的效果還報(bào)錯(cuò)了(尷尬).
- 正確寫法:
import {createFromIconfontCN} from "@ant-design/icons/lib";
const MyIcon = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_xxxxxxxxx.js', // 在 iconfont.cn 上生成
});
- 沒錯(cuò),就是這樣就解決了,引入createFromIconfontCN()方法的路徑上加上lib
- 這里的scriptUrl 路徑生成是用 SymbolIcon = createFromIconfontCN({
scriptUrl: '//at.alicdn.com/t/font_xxxxxxxxx.js', // 在 iconfont.cn 上生成
});
沒錯(cuò),就是這樣就解決了,引入createFromIconfontCN()方法的路徑上加上lib
這里的scriptUrl 路徑生成是用 Symbol
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
