react--使用symbol字体图标

学习资源推荐

---

• 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊
• 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
  

---

js 引入

可根据实际引入路径对应修改

<script src="./iconfont.js"></script>

css 引入

可根据实际引入路径对应修改

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

修改命名空间

  <svg className="icon" aria-hidden="true">
       <use xlinkHref="#icon-yonghuming"></use>
   </svg>

xlinkHref 不能写成 xlink:href react 不认识