0

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

到目前为止，我从 material-ui 添加图标没有任何问题，不幸的是我有一个问题。

  1. 我已经安装了包：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

4

1 回答 1

0

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

于 2021-10-02T13:38:14.367 回答