React Query：我可以使用 React Query 进行轮询，直到获得某些数据吗

使用React Query进行数据轮询是一种非常方便的方式，可以实时地获取最新的数据。当我们需要获取某些数据直到满足特定条件时，我们可以使用React Query的轮询功能。

jsx
import React from 'react';
import { useQuery } from 'react-query';
const fetchUserData = async () => {
  const response = await fetch('https://api.example.com/user');
  const data = await response.json();
  return data;
};
const UserComponent = () => {
  const { data } = useQuery('userData', fetchUserData, {
    refetchInterval: 3000, // 每隔3秒钟请求一次数据
    refetchOnMount: true, // 组件挂载时自动请求一次数据
    refetchOnWindowFocus: false, // 当窗口失去焦点时不重新请求数据
    onSuccess: (data) => {
      if (data.isReady) {
        // 满足特定条件时停止轮询
        // 停止轮询后，不再自动请求数据
        queryClient.getQueryCache().cancelQueries('userData');
      }
    },
  });
  return (
    
      {data ? (
        
          
User Details
          
Name: {data.name}
          
Email: {data.email}
        
      ) : (
        
Loading...
      )}
    
  );
};
export default UserComponent;