Изменить размер изображения на стороне клиента в React JS перед рендерингом

Question

Я написал приложение, используя mongoose, чтобы сохранить мое изображение в mongodb. В своей базе данных я сохраняю свое изображение, сохраняя их URL. Затем в своем приложении реакции я использую свои данные следующим образом:

let data = this.state.fetch_data.map(obj => {
      return(
        <img key = {obj._id} src = {obj.filePath}></img>
      );
    });
    return data;

Но если я хочу изменить размер моего изображения в зависимости от его ширины и высоты, прежде чем отображать их на экране, как я могу это сделать?

Answer 1

Я нашел ответ довольно прост. Мне просто нужно использовать это свойство CSS:

object-fit: contain