在react中创建动态高度宽度图像组件

import React from 'react';

const DynamicImage = (props) => {
  const { imageUrl, height, width } = props;

  return (
    <img src={imageUrl} style={{ height, width }} alt="Dynamic Image" />
  );
};

export default DynamicImage;

import React from 'react';
import DynamicImage from './DynamicImage';

const App = () => {
  return (
    <div>
      <DynamicImage imageUrl="https://example.com/image1.jpg" height="200px" width="300px" />
      <DynamicImage imageUrl="https://example.com/image2.jpg" height="150px" width="250px" />
    </div>
  );
};

export default App;