材料 UI 在 React js 中创建卡片

Question

我是这里的材料 ui 的新手，我正在尝试创建一张卡片，该卡片将在卡片和图像中包含页脚。

所以在这张卡片中，我试图让图像位于中心，并且还想在页脚中添加一些数据，但卡片没有页脚。

谁能帮我这个

<Card className={css.root}>
  <CardContent>
    <CardMedia
      className={css.media}
      title="Contemplative Reptile"
      image={TestImage}
    />
    <Typography gutterBottom variant="h5" component="h2"></Typography>
    <Typography variant="body2" color="textSecondary" component="p"></Typography>
  </CardContent>
</Card>);
}

Answer 1

按照这种模式，把CardContent和使用组件您CardMedia块外=“IMG”为居中对齐图像卡

<Card className={css.root}>
          <CardMedia
            component="img"
            className={css.media}
            title="Contemplative Reptile"
            image={TestImage}
          />
          <CardContent>
            <Typography gutterBottom variant="h5" component="h2"></Typography>
            <Typography variant="body2" color="textSecondary" component="p" ></Typography>
          </CardContent>
        </Card>