反应不显示羽毛图标

Question

尝试将羽毛图标包含在react组件中，但它没有显示出来。

const SomeComponent = () => {
<div>
    <script src="https://unpkg.com/feather-icons/dist/feather.min.js"> </script>
    <script>
        feather.replace()
    </script>
    <i data-feather="home"></i>
</div>
}

可能是什么问题？

Answer 1

1. 在index.html中添加脚本（以使其全局可用）

   <script src="https://unpkg.com/feather-icons/dist/feather.min.js"> </script>
   

2. 现在转到您的组件并使用以下代码

   <div dangerouslySetInnerHTML={{__html:window.feather.icons.home.toSvg()}} />