如果你看到了一个你不希望的refetch,这很可能是因为你刚聚焦了当前窗口同时React Query执行了refetchOnWindowFocus,这在生产环境是一个很棒的特性:如果用户在不同的浏览器tab之间切换,然后回到了你的应用,一个后台的refetch会被自动触发,如果在同一个时间服务端数据发生了变更,那屏幕上的数据会被更新。所有这些会...
I had another question - what if i want to refetch the data on window focus, but not otherwise? If i change thestaleTimetoInfinitylike suggested in the question above, React Query would never refetch on window focus. Isn't it possible to never refetch,unlessthere's a window focus?
refetchOnWindowFocus: 窗口重新获得焦点时重新获取数据 默认 false refetchOnReconnect: 网络重新链接 refetchOnMount: 实例重新挂载时重新拉取请求 enabled: 如果为“false”,“useQuery”不会触发,需要使用其返回的“refetch”来触发操作 queryFn:全局定义请求方法,其他地方使用时只需要直接传入请求参数 2.1.2 useQ...
当然，这个行为可以通过 refetchOnWindowFocus 选项禁用掉。useQuery( 'http200', () => axios...
1、官网地址 2、安装依赖包 npm i react-query 1. 3、在react项目的入口文件中配置 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { QueryClient, QueryClientProvider } from 'react-query'; ...
In my opinion, this logic should be placed within the hook's definition rather than the code that triggers the refetch function. Ideally, this could be controlled via a configuration option, such as resetPagingOnRefetch. In my opinion, it's a quite a rare case when you need to keep al...
refetchOnMount 每当一个调用useQuery的新组件挂载时,React Query 都会重新验证。 refetchOnWindowFocus 每当您聚焦浏览器选项卡时,都会重新获取。这是我最喜欢进行重新验证的时间点,但它经常被误解。在开发过程中,我们经常切换浏览器选项卡,因此我们可能会认为这“太多”了。然而,在生产环境中,这很可能表明在标签页...
若要修改,可以使用refetchOnMount,refetchOnWindowFocus,refetchOnReconnect和refetchInterval。 3. 没有活动的useQuery、useInfiniteQuery或 query observers 的查询结果,会被标记为“非活动”,并保留在缓存中,以防以后再次使用它们。 4. 默认情况下,“非活动”查询在5分钟后被垃圾回收。
enabled: 如果为“false”,“useQuery”不会触发,需要使用其返回的“refetch”来触发操作 queryFn:全局定义请求方法,其他地方使用时只需要直接传入请求参数 2.1.2 useQuery useQuery是React-Query提供的用于请求接口并管理请求状态等信息的Hook。 例如: functionExample() {const{ isLoading, error, data } =useQue...
每次发生后台refetch的时候,这个组件都会下面的数据分别进行一次渲染: { status: 'success', data: 2, isFetching: true } { status: 'success', data: 2, isFetching: false } 这是因为React Query在每个查询中返回了很多基本信息,isFetching就是其中一个。这个属性在请求正在发生的时候会被设置为true。这个...