在React/Gatsby和Graphql中使用setInterval改变图像

import React, { useState } from 'react';

const ImageComponent = () => {
  const [imageUrl, setImageUrl] = useState('初始图像的URL');

  // 使用setInterval来定时改变图像
  setInterval(() => {
    // 在这里更新图像的URL
    setImageUrl('新图像的URL');
  }, 1000); // 每隔1秒钟改变一次图像

  return (
    <img src={imageUrl} alt="图像" />
  );
};

export default ImageComponent;

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

const MyPage = () => {
  return (
    <div>
      <h1>我的页面</h1>
      <ImageComponent />
    </div>
  );
};

export default MyPage;