Reactstrap Media объект, как изменить размер изображения

Question

Я использую объект Reactstrap Media для добавления изображения на веб-сайт, но у меня возникают трудности при изменении размера изображения. Могу ли я спросить, как я могу изменить размер изображения в объекте Media?

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

Answer 1

Список реквизитов для Media имеет className, поэтому вы можете указать класс в вашем файле CSS, например,

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

и используйте Media as,

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

Answer 2

Вы можете изменить размер изображения, как показано ниже.

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

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

Примечание: React по умолчанию добавляет px к числам, если мы не укажем явно. Здесь 128 - 128px