在ReactJS中，从父组件切换子组件中的图像

import React, { useState } from 'react';

function ParentComponent() {
  const [imageURL, setImageURL] = useState(''); // 初始化图像URL为空

  // 处理切换图像的函数
  const handleImageChange = (newImageURL) => {
    setImageURL(newImageURL);
  };

  return (
    <div>
      <ChildComponent imageURL={imageURL} />
      <button onClick={() => handleImageChange('image1.jpg')}>切换图像1</button>
      <button onClick={() => handleImageChange('image2.jpg')}>切换图像2</button>
    </div>
  );
}

import React from 'react';

function ChildComponent({ imageURL }) {
  return (
    <div>
      <img src={imageURL} alt="图像" />
    </div>
  );
}