使用react.js和usemutation的无限循环

import React, { useEffect } from 'react';
import { useMutation } from '@apollo/client';
import { YOUR_MUTATION } from './graphql'; // 替换为你的mutation定义

const MyComponent = () => {
  const [mutate, { loading, error, data }] = useMutation(YOUR_MUTATION);

  useEffect(() => {
    const interval = setInterval(() => {
      mutate(); // 执行mutation操作
    }, 1000); // 每隔1秒执行一次mutation

    return () => {
      clearInterval(interval); // 组件卸载时清除定时器
    };
  }, [mutate]);

  if (loading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div>
      {/* 显示mutation的结果 */}
      {data && <div>Result: {data.result}</div>}
    </div>
  );
};

export default MyComponent;