【问题标题】:How can I use Icons from material-ui icons?如何使用 material-ui 图标中的图标?
【发布时间】:2019-12-13 10:44:46
【问题描述】:

我想在图标按钮中使用一个图标,如下所示:

<IconButton >
    <SearchIcon/>
</IconButton>

我在 package.json 中安装了 @material-ui/icons 并有以下导入:

import IconButton from '@material-ui/core/IconButton';
import Icon from '@material-ui/core/Icon';
import SearchIcon from '@material-ui/icons/SearchIcon';

现在我收到错误消息:

找不到模块:无法解析“@material-ui/icons/SearchIcon”

有人可以帮帮我吗?

【问题讨论】:

  • 你完成“npm install”了吗?
  • 是的,我已经尝试过“npm install”
  • 我是import SearchIcon from '@material-ui/icons/Search
  • 你提到你安装了图标;你是像这样安装的:@material-ui/core/Icon 还是 @material-ui/icons?
  • 我像“@material-ui/icons”一样安装它,但是没有附加图标的不同导入方法是我的错误

标签: javascript reactjs npm material-ui


【解决方案1】:

您不需要在名称后面附加Icon,只需使用名称,即/Search(参见examples)。

【讨论】:

    猜你喜欢
    • 2018-11-22
    • 2021-01-16
    • 1970-01-01
    • 2018-03-28
    • 2021-07-25
    • 2020-05-27
    • 2021-09-28
    • 1970-01-01
    • 2021-07-07
    相关资源
    最近更新 更多