在 Reactjs 中使用羽毛图标

Question

我正在尝试在我的 React 应用程序中使用羽毛图标。到目前为止，我已将以下内容添加到我的 index.html 文件中

<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
  feather.replace()
</script>

然后我在我的一个组件文件中包含了一个带有羽毛图标的按钮：

<li className="nav-item">
   <a className="nav-link" href="#">
       <span data-feather="settings"></span>
         Settings
   </a>
</li>

但是图标还是没有出现。我是 React 的新手，在将羽毛图标导入我的组件文件时我做错了什么吗？

Answer 1

在 React 中使用 Feather 的一种简单方法是使用该react-feather库。GitHub 存储库提供了有关如何使用它的更多信息：https : //github.com/carmelopullara/react-feather