react 引入 iconfont 的写法 出现各种 小bai框 引入时报错等等

react 引入 阿里iconfont 的万能写法

在这里插入图片描述

第一步注意 icon我的项目 名称尽量不要用中文

在这里插入图片描述

用中文有一定可能会出现问题

在这里插入图片描述

此时需要用到的地方

下载后先把下载好的文件复制到项目的 assets文件夹内

然后去 主文件 index.js 里写入

import './assets/iconfont/iconfont.css'

在这里插入图片描述

然后去需要用到该图标的地方写入对应的i标签

在这里插入图片描述

如果这里不使用 iconfont 很有可能出现小百框情况 如果还有问题 的话 去核对一下 icon-xiazai 是否正确

<i className="icon iconfont icon-xiazai"></i>

icon-xiazai 是随着需求变的
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_50001396/article/details/123576800