Material UI 中的 CardMedia 未拾取图像

Question

我必须在标题中显示图像并以这种方式显示

  <Toolbar className={classes.toolbar}>
    <IconButton className={classes.menuButton} color="inherit" aria-label="Menu">
      <MenuIcon />
    </IconButton>
    <Typography variant="h6" color="inherit" className={classes.grow}>
      Menu
    </Typography>

    <CardMedia
      className={classes.media}
      src='logo.svg'
      title="Logo"
    />
  </Toolbar>
</AppBar>

图像绝对拒绝出现。它与此 Header 组件位于同一文件夹中。有人可以指出我出了什么问题 更新：我这里有代码。https://codesandbox.io/s/xlw3l8yy74。尝试了以下所有建议。还没有运气

Answer 1

这是我所做的：

import MySvg from './path-to-svg.svg';

然后，在创建<CardMedia/>组件时：

<CardMedia src={MySvg} component="img" title="Some title" />

在这里，component="img"似乎可以解决问题，因为它会在 div 而不是 img 元素中生成它，因为它是 defaut。