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

Answer 2

В списке реквизитов для СМИ есть className так что вы можете дать класс в вашем файле CSS, как,

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

и использовать СМИ как,

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