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

Eve*_*ver 13 long-polling reactjs react-query

我想实现长轮询,直到从 API 获取某些数据。

例如,假设我们有一个返回进程进度的 API。我想调用该 API,直到该过程完成。

是否可行?如果可行,我该如何实施?

TkD*_*odo 21

我们已经为该用例准备了PR ,一旦我们发布,您就可以执行以下操作:

const query = useQuery(
  key,
  fn,
  {
    refetchInterval: (data) => !data || data.progress < 100 ? 5000 : undefined
  }
)
Run Code Online (Sandbox Code Playgroud)

api 尚未最终确定,我希望得到一些实际的意见:)


在那之前,您需要使用本地状态来处理此问题:

const [refetchInterval, setRefetchInterval] = React.useState(5000)
const query = useQuery(
  key,
  fn,
  {
    refetchInterval,
    onSuccess: (data) => {
        if (data.progress === 100) {
          setRefetchInterval(false)
        }
    }
  }
)

Run Code Online (Sandbox Code Playgroud)