Material ui 将盖茨比图像与材质ui CardMedia组件一起使用时出现问题

材质ui的卡组件可以将CardMedia组件作为接受图像源作为道具的子组件。另一方面，盖茨比形象需要它自己的来源作为固定或流体

<Card>
  <CardHeader title={title}/>
  <CardMedia src={image.localFile.childImageSharp.fixed} component={Img} /> 
</Card>

---

这个问题有什么解决办法吗？

盖茨比图像不仅仅是为了获取图像的来源，它有自己的功能，这要求它有自己的容器

另一方面，CardMedia是显示源图像的专用容器

要解决问题，只需模拟CardMedia组件的行为。这是一个简单的容器，只保存图像。

两者都是包装器本身。第一个接受儿童作为道具，如《盖茨比图像》中所示，它是一个容器，具有自己的特性：响应性大小、延迟加载等，而不是图像本身

通过使用以下内容包装，可以轻松绕过：

---

我很乐意帮忙。请接受它作为解决问题的答案

<Card>
  <CardHeader title={title}/>
  <CardMedia> 
    <Img fixed={image.localFile.childImageSharp.fixed} />
  </CardMedia>
</Card>