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

Question

我编写了一个使用mongoose将我的图像保存到mongodb的应用程序。在我的数据库中，我通过保留其网址来保存图像。然后在我的react应用程序中，我像这样使用数据：

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

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

Answer 1

我发现答案很简单。我只需要使用以下CSS属性：

DocumentSymbolProvider