如何在ReactJs中通过道具添加图片？

import React from 'react';

const ImageComponent = (props) => {
  return (
    <div>
      <img src={props.imageUrl} alt={props.imageAlt} />
    </div>
  );
};

export default ImageComponent;

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

const App = () => {
  return (
    <div>
      <h1>React Image Example</h1>
      <ImageComponent imageUrl="https://example.com/image.jpg" imageAlt="Example Image" />
    </div>
  );
};

export default App;