我如何添加材料图标来反应应用程序？

Question

我在将 monitor_heart 图标从 material-design-icons/font 添加到 React 项目时遇到问题。 图标位于此处：( https://marella.me/material-icons/demo/ ) 您必须输入“monitor_heart”

到目前为止，我从 material-ui 添加图标没有任何问题不幸的是我在这里遇到了问题。

1. 我已经安装了 package: npm 和 @material-design-icons/svg

2. 我导入了图标： import monitor_heart from "@material-design-icons/svg/filled/monitor_heart.svg"

3. 我将它添加到应用程序：

   div <monitor_heart /> /div //或{monitor_heart}

但它不起作用 - 我不知道如何才能找到这个特定的图标并执行它/在屏幕上显示它。 我做错了什么？ 谁能帮我？

代码位于： https://github.com/beginnerinreact/material-icon-problem

Answer 1

好的，现在可以了：我必须添加正确的导入形式。 import { ReactComponent as Monitor_heart } from "@material-design-icons/svg/outlined/monitor_heart.svg" 我必须强调这是一个 React 组件