reactjs img 高度是宽度的一半宽度设为 100

可以使用 CSS 来实现这个效果：

img {
  width: 100%;
  height: 50%;
  object-fit: cover; /* 可选，根据需要设置图片的填充方式 */
}

在 React 中，可以将以上样式直接应用于 img 元素的 style 属性中：

function MyComponent() {
  return (
    <img
      src="https://example.com/my-image.jpg"
      alt="My Image"
      style={{ width: '100%', height: '50%', objectFit: 'cover' }}
    />
  );
}