react 使用矢量图标--阿里的矢量图

1. 打开图标网站https://www.iconfont.cn/
2. 登陆自己的账号进入我的项目----在上面的导航条里
3. 新建一个项目--右边有一个紫色的加号
4. 在上面搜索框搜索你需要的图标
5. 找到你需要的图标鼠--标移上去 点击收藏
6. 点击右上角的购物车添加至项目
7. 然后下载至本地
8. 然后把下载的文件夹解压
9. 保留这五个文件
   1. iconfont.eot
   2. iconfont.svg
   3. iconfont.ttf
   4. iconfont.woff
   5. iconfont.css
10. 点击demo_unicode.html--查看使用说明
11. 在项目statics中创建一个文件夹iconfont 用来放矢量图标
12. 把上面保留的五个文件放入iconfont这个文件夹中
13. iconfont.css打开加相对路径  ---url 里面加./ data那个不加
14. 把iconfont.css 当成全局样式来写 用styled-components中的createGlobalStyle组件把它变成全局组件在App.js中引入就行了