有没有办法在调用“refetch”方法时防止获取？反应查询

Question

我有自定义提取钩子，它使用 useQuery - 来自 react-query。如何根据我提供的 boolean 属性防止获取/重新获取。 目前我正在使用{ enabled: allowedToFetch }，但这并不能阻止当我使用来自 react-query 的refetch 方法时进行获取。

Answer 1

根据设计，从useQuery 返回的refetch 执行无条件提取，甚至绕过enabled。

这里有很好的记录：https://react-query.tanstack.com/guides/disabling-queries

这是必要的，这样您就可以通过设置enabled: false 和使用refetch() 来选择退出智能重新获取并进入“手动”模式。

queryClient.refetchQueries 和 queryClient.invalidateQueries 尊重 enabled，所有智能重新获取也是如此。

问题是：为什么在调用refetch 时有一个禁用的查询，但不 不希望它实际重新获取？有什么用例？

如果条件是：enabled: allowedToFetch，我会：

.) 在相同的条件下包装 refetch 调用：

if (allowedToFetch) {
  refetch()
}

.) 或使用本地状态来驱动查询（首选解决方案）：

const [allowedToFetch, setAllowedToFetch] = useState(false)

useQuery(key, fn, { enabled: allowedToFetch })

现在您需要做的就是调用：

setAllowedToFetch(true)

这将启用查询，而 react-query 将完成其余的工作。