如何防止反应查询最初获取但启用重新获取？

Question

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

我尝试了以下方法。

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

有什么合适的方法可以做到这一点吗？

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 })]
}