Javascript CardMedia中的多个图像

如何在一个CardMedia中拥有多个图像？还是有可能做到这一点

可能一个作为封面，另一个作为封面底部的一组小图片

---

不幸的是，根据他们的官方API文档，这是不可能的

您可以做的是作为组件道具，而不是将img作为道具传递，您可以传递一个可以调用此组件的函数（API说您可以这样做）：

它不会完全满足您的要求，但它可能真的非常相似。

这项工作对我来说很好

const useStyles = makeStyles((theme) => ({
   media: {
    paddingTop: "100%",
    backgroundImage: "url(//cdn.shopify.com/s/files/1/0436/7482/8957/products/p1_large.jpg?v=1597924393)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    transition: "0.5s ease",
    "&:hover": {
        backgroundImage: "url(//cdn.shopify.com/s/files/1/0436/7482/8957/products/p3_1415dff1-c937-4300-9eaf-38d1e12a0581_large.jpg?v=1597924399)",
    },
},

别忘了

const classes=useStyles（）

然后在

CardMedia

<CardMedia
    className={classes.media}
/>

<CardMedia
    className={classes.media}
/>