Material UI是否具有Image组件？

Question

我以前使用过其他的react组件，它们大部分都有自己的Image组件，但是在Material-UI中找不到吗？

还是通过CardMediaAPI完成？或者只是使用标签？谢谢！

Answer 1

material-ui没有可用的特定自定义img组件。

但是您可以在另一个包装器组件中使用简单的html img组件来自己创建自定义img组件。 例如

<Paper variant="outlined">
   <img src="url" />
</Paper>

<CardMedia/>组件也必须与<Card/>组件一起使用。 另一个使用图像的此类组件是<Avatar>组件。

<Avatar alt="Example Alt" src="/static/images/avatar.jpg" />

Answer 2

使用recommends的材料用户界面Material-ui-image，您必须单独安装它，但我真的很喜欢使用它。 按照预期安装后，只需：

import Image from "material-ui-image";
...
<Image src="image/src/" />

Answer 3

您可以如下所示从Material UI中使用CardMedia。请参阅Material UI Example

中的复杂互动部分

<CardMedia
    className={classes.media}
    image="/static/images/cards/paella.jpg"
    title="Paella dish"
/>