Reactjs Cloudinary React组件未呈现URL的宽度或高度转换

Reactjs Cloudinary React组件未呈现URL的宽度或高度转换,reactjs,image-manipulation,cloudinary,Reactjs,Image Manipulation,Cloudinary,目前我正在将Cloudinary集成到我的React应用程序中。我想以300px高度(自动宽度)显示图像,并将格式和质量设置为auto。以下是我的组件: 从“React”导入React 从“cloudinary react”导入{图像、视频、转换、CloudinaryContext}; const AddContent=()=>{ 返回( ); } 导出默认添加内容; 这将产生以下图像标记: 因此,f_auto和q_auto都很好,但是它缺少h_300标签。在调整大小时需要添加“裁剪”模式

目前我正在将Cloudinary集成到我的React应用程序中。我想以
300px
高度(自动宽度)显示图像,并将格式和质量设置为
auto
。以下是我的组件:

从“React”导入React
从“cloudinary react”导入{图像、视频、转换、CloudinaryContext};
const AddContent=()=>{
返回(
);
}
导出默认添加内容;
这将产生以下图像标记:



因此,
f_auto
q_auto
都很好,但是它缺少
h_300
标签。

在调整大小时需要添加“裁剪”模式。试一试-

<Transformation height={300} crop="scale" quality="auto" fetchFormat="auto" />

调整大小时,需要添加“裁剪”模式。试一试-

<Transformation height={300} crop="scale" quality="auto" fetchFormat="auto" />