Reactstrap Media对象如何更改图像大小

Question

我正在使用Reactstrap Media对象将图像添加到网站中，但是难以更改图像大小。请问如何更改媒体对象中的图像大小？

<Media object src={themes.image} alt={themes.name} />

Answer 1

您可以如下更改图像尺寸。

const imgStyle = {
  maxHeight: 128,
  maxWidth: 128
}

<Media object src={themes.image} style={imgStyle} alt={themes.name} />

注意：默认情况下，如果没有明确指定，React会将px添加到数字中。这里128是128px

Answer 2

媒体道具列表中有6.4，因此您可以在css文件中提供一个类，

className

并将媒体用作

.my_image{
 height:100px;
 width:100px;
}