Material-UI CardMedia 图像未显示

【问题标题】：Material-UI CardMedia image not showingMaterial-UI CardMedia 图像未显示
【发布时间】：2018-11-20 08:34:31
【问题描述】：

我已将样式应用到 CardMedia，但图像仍未显示

<CardMedia 
    style = {{ height: 0, paddingTop: '56.25%'}}
    image={thread.url}
    title={thread.title}
/>

thread.url 只是图像的链接，所以我相信它应该可以工作我这样做是正确的还是有不同的方式来显示图像？

【问题讨论】：

【解决方案1】：

如果你使用 create-reac-app 这意味着你可能也使用了 Webpack。 Webpack 要求您使用以下命令指定所有依赖项：

import imageUrl from './image.jpg'

然后你可以像下面这样使用它：

image={imageUrl}

你可以找到更多关于使用 Webpack 和 Create React App 的信息 here

【讨论】：

【解决方案2】：

我遇到了同样的错误，我为图像添加了样式和设置高度，CardMedia 开始工作。此外，我将图像放在公共文件夹中，但它也适用于外部链接。

  <CardMedia
    style={{ height: "250px", paddingTop: "2%" }}
    component="img"
    image={"/pancakes.jpg"}
    title="Picture"
    alt="pic"
  />

【讨论】：