我必须在标题中显示图像并以这种方式显示
<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 .尝试了以下所有建议。还没有运气
最佳答案
这就是我所做的:
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 .
关于reactjs - Material UI 中的 CardMedia 没有拾取图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53087674/