Material UI CardMedia图像未显示

Question

我已经在CardMedia上应用了样式，但图像仍然没有显示

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

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

Answer 1

如果您使用create-reac应用程序，则意味着您可能也使用Webpack。Webpack要求您使用指定所有dpendency

import imageUrl from './image.jpg'

然后你可以使用它如下：

image={imageUrl}

您可以找到有关在Create React应用程序中使用Webpack的更多信息此处

Answer 2

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

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