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

Question

我正在使用 Reactstrap Media 对象将图像添加到网站中，但在更改图像大小时遇到​​困难。请问如何更改 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