向React中的<img src="this.prop.“/>传递道具时未加载图像

import React, { Component } from 'react';

class ImageComponent extends Component {
  state = {
    isImageLoaded: false
  };

  componentDidMount() {
    const image = new Image();
    image.src = 'path/to/image.jpg';
    image.onload = () => {
      this.setState({ isImageLoaded: true });
    };
  }

  render() {
    const { isImageLoaded } = this.state;

    return (
      <div>
        {isImageLoaded ? (
          <img src="path/to/image.jpg" alt="Image" />
        ) : (
          <span>Loading image...</span>
        )}
      </div>
    );
  }
}

export default ImageComponent;