React 引入阿里矢量图标方法
首选将选择好的图标添加入购物车
跳转页面如下,
如图所示,选择 Symbol, 然后点击查看在线链接.
3:
点击生成相关图片的scriptUrl 参数,如下图.注意生成的路径参数中开头的两个斜杠 : “//” 不能丢.
在React中引入,语法如图所示:
变量名称: IconFont 为自定义,可随意指定.
然后在 JSX中使用:
注意: 这里的 IconFont 的属性 type的值也是从阿里图库图标上获取的.如下图,将鼠标放在当前你选择的图上,显示如下.
此时即可生效了.
总结:
语法就两个;
1: let IconFont = Icon.createFromIconfontCN({scriptUrl: ‘//at.alicdn.com/t/font_xxxxxxx_4dbffeyrjrl.js’,});
2: <IconFont type='icon-shangchuan-tianchong'/>