Javascript 渲染前在React js中调整客户端图像的尺寸

我已经编写了一个应用程序，使用mongoose将我的图像保存到mongodb。在我的数据库中，我保存图像的url。然后在我的react应用程序中，我使用以下数据：

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

let data=this.state.fetch_data.map（obj=>{
返回(
);
});
返回数据；

---

但是，如果我想在将图像渲染到屏幕之前根据图像的宽度和高度调整图像大小，我该怎么做呢？

我发现答案很简单。我只需要使用这个css属性：

object-fit: contain

---

你好，我不认为我完全理解你所说的调整大小是什么意思，如果你的意思是压缩它应该在用户加载完整图像之前在服务器上完成，如果你的意思是改变大小，为什么不使用css。我想根据图像的宽度和高度调整图像大小。我想保持（宽度/高度）的比例，这可以由css单独完成。如果将“高度”或“宽度”设置为特定值，例如“宽度：100%”，将其他属性设置为“自动”，则默认情况下，图像会保留其纵横比。我希望每个图像的最大高度或宽度等于一个常量。我将根据这个数字更改宽度和高度

我希望每个图像的最大高度或宽度等于一个常量。我将根据此数字更改宽度和高度。

——因此，您希望宽度和高度更改为常量，还是希望在渲染之前将宽度和高度更改为其他值？