时间戳

首页 > 解决方案 > CardMedia ReactJs 中的多个图像

javascript - CardMedia ReactJs 中的多个图像

问题描述

如何在一个 CardMedia 中拥有多个图像？或者可以这样做吗？

也许一个作为封面，另一个作为封面底部的一组小图像。

截屏

         <CardMedia
          component="img"
          className={classes.media}
          height="140"
          image="/static/images/cards/contemplative-reptile.jpg"
          title="Contemplative Reptile"
        />

标签： javascriptreactjs

解决方案

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

您可以做的是作为组件道具，而不是将 img 作为道具传递，您可以传递一个可以调用此组件的函数（API 说您可以这样做）：https ://material-ui.com/demos/steppers /#mobile-stepper-text-with-carousel-effect

它不会完全按照你的意愿做，但它可能真的很相似。

推荐阅读