React Query refetchInterval not working, only calls API onceAsk Question Asked 1 year, 5 months ago Modified 1 year, 5 months ago Viewed 1k times 4 I had used refetchInterval before and it was very straightforward. For some reason I can't get it working anymore now.This code only call...
如果你看到了一个你不希望的refetch,这很可能是因为你刚聚焦了当前窗口同时React Query执行了refetchOnWindowFocus,这在生产环境是一个很棒的特性:如果用户在不同的浏览器tab之间切换,然后回到了你的应用,一个后台的refetch会被自动触发,如果在同一个时间服务端数据发生了变更,那屏幕上的数据会被更新。所有这些会...
该查询配置了一个重新获取的间隔时间(refetch interval) 若要修改,可以使用refetchOnMount,refetchOnWindowFocus,refetchOnReconnect和refetchInterval。 3. 没有活动的useQuery、useInfiniteQuery或 query observers 的查询结果,会被标记为“非活动”,并保留在缓存中,以防以后再次使用它们。 4. 默认情况下,“非活动...
当你在配置中设置refetchInterval为数字(代表xxx毫秒)时。无论此时数据是fresh(最新)还是stale(老旧)的缓存状态,react-query都会在你设置的毫秒时间间隔内重新获取数据 以上五种就是react-query内置的重新获取触发条件。 注意❗️❗️❗️❗️📢 除了定时刷新外,其它的触发器,都需要状态是stale(陈旧)...
开启/关闭查询:假设我们有一个定时查询,通过refetchInterval来实现,但是当一个弹窗打开的时候我们可以暂停这个查询,避免弹窗后面的内容发生变更。 demo 缓存 useQuery和useInfiniteQuery生成的查询实例会立即将缓存数据视为过时(slate)的 useQuery-slate.jpg
请求(fetchQuery) 适合场景:fetchQuery是一个异步方法,适合用来请求网络数据,返回数据或抛出报错。 使用方法:如下代码。 try { const data = await queryClient.fetchQuery(queryKey, queryFn, { staleTime: 10000, }) } catch (error) { console.log(error) ...
``` 这个例子中,我们首先在`useQuery`中设置了`refetchInterval`选项,使得React Query会每隔30秒自动调用`refetch`方法。然后,我们使用`useInterval`在组件加载时启动一个定时器,每隔30秒调用`refetch`方法。当组件卸载时,我们清除这个定时器。这样,我们就实现了轮询的效果。©...
const { data: transactions, refetch }: { data: any; refetch: Function } = useQuery('ledger', getTransactions, { enabled: !!fundId, refetchInterval: 30000, }); const { mutate: postSignal } = useMutation('ledger', sendSignal, { onSuccess: (response: any) => { return new QueryClie...
异步获取,若缓存中没有或过时了,则会去获取最新结果,相当于同步的queryClient.setQueryData const data = await queryClient.fetchQuery(queryKey, queryFn,{配置对象}) 配置对象大部分和useQuery相同:除了enabled, refetchInterval, refetchIntervalInBackground, refetchOnWindowFocus, refetchOnReconnect, notifyOnCh...
useQuery({ queryKey, queryFn, cacheTime, enabled, networkMode, initialData, initialDataUpdatedAt, keepPreviousData, meta, notifyOnChangeProps, onError, onSettled, onSuccess, placeholderData, queryKeyHashFn, refetchInterval, refetchIntervalInBackground, refetchOnMount, refetchOnReconnect, refetchOn...