如何防止反应查询最初获取但启用重新获取?
How to prevent react-query from fetching initially but enables refetching?
我正在使用 react-query v3.13
从 API 获取数据。
我想做的是从某个点(例如,单击开始按钮时)定期获取 API,而不是从调用 useQuery.
我尝试了以下方法。
- 将
enabled
属性 设置为 false
以禁用自动查询,但它也禁用重新获取。
我找不到将 re-enable/set 从 enabled
属性 到 true
的方法。而且我不得不自己使用 setTimeout
定期重新获取。
- 保持
enabled
属性 为 true
但我找不到禁用初始提取的方法。
有什么正确的方法吗?
如果您将 enabled
选项硬编码为 false
,您仍然可以使用从 useQuery
返回的 refetch
方法强制触发提取。但查询仍将被禁用,因此没有后台更新。
如果你想要一个被禁用但在调用函数时启用的惰性,最好的方法是使用具有本地状态的 useQuery 进行简单抽象:
const useLazyQuery = (key, fn, options) => {
const [enabled, setEnabled] = useState(false)
return [() => setEnabled(true), useQuery(key, fn, { ...options, enabled })]
}
我正在使用 react-query v3.13
从 API 获取数据。
我想做的是从某个点(例如,单击开始按钮时)定期获取 API,而不是从调用 useQuery.
我尝试了以下方法。
- 将
enabled
属性 设置为false
以禁用自动查询,但它也禁用重新获取。
我找不到将 re-enable/set 从enabled
属性 到true
的方法。而且我不得不自己使用setTimeout
定期重新获取。 - 保持
enabled
属性 为true
但我找不到禁用初始提取的方法。
有什么正确的方法吗?
如果您将 enabled
选项硬编码为 false
,您仍然可以使用从 useQuery
返回的 refetch
方法强制触发提取。但查询仍将被禁用,因此没有后台更新。
如果你想要一个被禁用但在调用函数时启用的惰性,最好的方法是使用具有本地状态的 useQuery 进行简单抽象:
const useLazyQuery = (key, fn, options) => {
const [enabled, setEnabled] = useState(false)
return [() => setEnabled(true), useQuery(key, fn, { ...options, enabled })]
}