reactjs - 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 元素中生成它 since it's the defaut .