javascript - 如何防止 react-query 最初获取但启用重新获取？

Question

我react-query v3.13用来从 API 获取数据。
我想要做的是从某个点（例如，单击开始按钮时）定期获取 API，而不是从调用 useQuery 时开始。

我尝试了以下方法。

• 将enabled属性设置false为禁用自动查询，但它也禁用重新获取。
  我找不到将enabled属性重新启用/设置为true. 而且我不得不setTimeout自己使用定期重新获取。
• 保留enabled属性，true但我找不到禁用初始提取的方法。

有没有合适的方法来做到这一点？

标签： javascriptreactjsfetchreact-queryswr

Answer 1

如果您将enabled选项硬编码为false，您仍然可以使用refetch返回的方法useQuery来强制触发提取。但查询仍将被禁用，因此没有后台更新。

如果您想要一个被禁用但在调用函数时启用的惰性，最好的方法是使用具有本地状态的 useQuery 的简单抽象：

const useLazyQuery = (key, fn, options) => {
  const [enabled, setEnabled] = useState(false)
  return [() => setEnabled(true), useQuery(key, fn, { ...options, enabled })]
}