无法加载Material-UI图标

编程问答 2022-08-13

问题描述

我的图标显示出现问题：

这是我的代码：

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

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

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

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

谢谢

解决方法

请使用from_unixtime()标签，无需显示Material UI图标。只需写：

img

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

无论如何，我建议您使用import SearchIcon from '@material-ui/icons/Search'; <Button variant='contained' className={classes.sendButton}> Search <SearchIcon /> </Button> 按钮道具，例如：

startIcon
iconsmaterial-uireactjsreactjs