React.js 图片高度设置为宽度的一半，宽度 100% 的实现方法

可以使用 CSS 来实现图片高度为宽度一半，宽度为 100% 的效果：

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' }}
    />
  );
}