有条件地动态导入用于react的javascript中的图像

import React, { useState } from 'react';

const MyComponent = () => {
  const [image, setImage] = useState(null);

  const loadImage = () => {
    import('./path/to/image.jpg')
      .then((imageModule) => {
        setImage(imageModule.default);
      })
      .catch((error) => {
        console.error('Failed to load image:', error);
      });
  };

  return (
    <div>
      <button onClick={loadImage}>Load Image</button>
      {image && <img src={image} alt="Dynamic Image" />}
    </div>
  );
};

export default MyComponent;