如何在react中一键更改所有图像

import React, { useState } from 'react';
import logo from './logo.png'; // 导入图像文件

function App() {
  const [image, setImage] = useState(logo); // 设置初始图像路径
  // 其他组件代码...
}

function App() {
  const [image, setImage] = useState(logo);

  const changeImage = () => {
    // 在这里更改图像路径
    setImage(newImage);
  };

  return (
    <div>
      <img src={image} alt="Logo" />
      <button onClick={changeImage}>更改图像</button>
    </div>
  );
}

const changeImage = () => {
  const newImage = require('./newImage.png'); // 导入新图像文件
  setImage(newImage);
};