无法加载 Material-UI 图标

【问题标题】：Unable to load Material-UI icons无法加载 Material-UI 图标
【发布时间】：2020-08-31 08:58:18
【问题描述】：

我的图标显示有问题：

这是我的代码：

import SearchIcon from '@material-ui/icons/Search';

<Button variant='contained' className={classes.sendButton}>
    Search
    <img src={SearchIcon} alt='search'/>
</Button>

但是，在 UI 中，它会使用默认的“断页”符号呈现。控制台没有错误。我已经 npm 安装了最新的 @material-ui/icons=^4.9.1

我无法确定导致此问题的原因。

谢谢

【问题讨论】：

标签： reactjs material-ui icons

【解决方案1】：

Ciao，要显示 Material UI 图标，不必使用img 标签。随便写：

import SearchIcon from '@material-ui/icons/Search';

<Button variant='contained' className={classes.sendButton}>
    Search
    <SearchIcon />
</Button>

您应该会在按钮中看到您的图标。

无论如何，我建议你使用startIcon Button prop like：

<Button
   variant='contained' 
   className={classes.sendButton}
   startIcon={<SearchIcon />}
>
   Search
</Button>

【讨论】：