反应查询：如果出现错误，不要在间隔内重新获取

Question

I'm refetching an API on an interval, but I want to stop it if there is an error.

  const { status, data, error, isFetching } = useQuery(
    'todos',
    // only refetch if there is no error
    async () => {
      const res = await axios.get('/api/data')
      return res.data
    },
    {
      refetchInterval: intervalMs,
    }
  )

I could probably store the status.isError on a state variable and then use that with enabled but it seems a bit clunky. I couldn't find anything helpful going through the documentation.

Answer 1

The best way is indeed to do it via local state, but you don't need to disable the query if you don't want to - just setting the refetchInterval back to 0 might also be enough:

const [refetchInterval, setRefetchInterval] = useState(intervalMs)

useQuery(
  key,
  queryFn,
  {
    refetchInterval,
    onError: () => setRefetchInterval(0)
  }
)