1. 首先打開iconfont,找到我們需要的icon,如果要icon跟隨字體選中狀態的顏色改變而改變,盡量使用單色圖標。如圖:
2、加入購物車之后,點擊下載代碼,放到桌面,將文件夾下的iconfont.js文件引入項目中,我一般放在util文件夾下,如圖:
3、在需要的.jsx頁面下引入我們的iconfont.js文件:
```
import iconFont from '../../../utils/iconfont.js'
const IconFont = Icon.createFromIconfontCN({
scriptUrl: iconFont
})
```
4、在render中鍵入我們下載好的icon名稱,可以在download文件夾下打開demo_fontclass.html頁面,復制類名,加入到我們render中:
5、.jsx頁面圖標代碼:
```
render () {
<IconFont type='icon-kaoherenwujihua' />
}
```
6、最后已經引入成功了,根據選中狀態自動跟隨文字顏色。
小仙女奉上,有什么不對的可以暢所欲言哦!!!!!!react+antd框架自定義使用阿里iconfont圖標。