React中在组件在引入iconfont(第三方js)

Posted 2021-06-29 绿叶清风

最近玩腾讯连连的，打算使用iconfont上面的图标，由于没有index.html导致无法引入js。解决方法如下：

• 在App模板下面增加：

      //加载js
      var script = document.createElement('script')
      script.type = 'text/javascript'
      script.async = true
      script.src = '//at.alicdn.com/t/font_2624852_1vuu69zd0vl.js'
      // script.onload = resolve
      script.onload = function () {
          console.log("load iconfont script.....")
      }
      document.head.appendChild(script)

   

• 使用在模板中图标：

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