在react.js中使用一天的时间切换图像

import React, { useState } from 'react';

const ImageSwitcher = () => {
  const [image, setImage] = useState('image1.jpg');

  const switchImage = () => {
    // 切换图像的逻辑
    // 可以使用条件语句或其他逻辑来选择下一个图像
    // 这里只是一个简单的示例
    if (image === 'image1.jpg') {
      setImage('image2.jpg');
    } else {
      setImage('image1.jpg');
    }
  };

  return (
    <div>
      <img src={image} alt="切换的图像" />
      <button onClick={switchImage}>切换图像</button>
    </div>
  );
};

export default ImageSwitcher;

import React from 'react';
import ImageSwitcher from './ImageSwitcher';

const App = () => {
  return (
    <div>
      <h1>图像切换应用程序</h1>
      <ImageSwitcher />
    </div>
  );
};

export default App;