在 Material UI appbar 中渲染图像答案

【问题标题】：Rendering an image in material UI appbar在 Material UI appbar 中渲染图像
【发布时间】：2021-05-28 09:29:03
【问题描述】：

我试图在我的应用栏 (Material-UI) 的开头显示品牌名称/徽标，但由于某种原因它没有显示。请帮忙。

<AppBar elevation={0} >
        <Toolbar className={classes.nav}>
        <IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
        <img src="../Components/fiad_logo.jpg" alt="logo"/>
      </IconButton>
        <Button color="inherit">Login</Button>
        </Toolbar>
      </AppBar>

谢谢。

【问题讨论】：

标签： reactjs material-ui appbar

【解决方案1】：

您可能必须在文件顶部导入它，如下所示：

import logo from '../Components/fiad_logo.jpg'

【讨论】：

这给了我图像文件的路径位置，而不是图像。