如何使用React Hooks更改单击按钮时的图像？

import React, { useState } from 'react';

function ImageChanger() {
  const [image, setImage] = useState('初始图像的URL');
  
  // 状态变量image用于存储当前图像的URL
  // 更新状态的函数setImage用于更新图像URL
}

function ImageChanger() {
  const [image, setImage] = useState('初始图像的URL');
  
  const handleClick = () => {
    // 在这里更新图像URL的状态
  };
  
  return (
    <div>
      <img src={image} alt="图像" />
      <button onClick={handleClick}>更改图像</button>
    </div>
  );
}

const handleClick = () => {
  setImage('新图像的URL');
};

import React, { useState } from 'react';

function ImageChanger() {
  const [image, setImage] = useState('初始图像的URL');
  
  const handleClick = () => {
    setImage('新图像的URL');
  };
  
  return (
    <div>
      <img src={image} alt="图像" />
      <button onClick={handleClick}>更改图像</button>
    </div>
  );
}

export default ImageChanger;