Material-UI CardMedia图像未显示

Question

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

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

thread.url只是图像的链接，所以我认为它应该可以工作 我做对了还是有其他显示图像的方式？

Answer 1

如果您使用create-reac-app，则意味着您可能还使用了Webpack。 Webpack要求您使用以下命令指定所有依赖关系：

import imageUrl from './image.jpg'

然后您可以按以下方式使用它：

image={imageUrl}

您可以找到有关将Webpack与Create React App一起使用的更多信息 here

Answer 2

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

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