Reactjs 当数据未更新时,防止react查询在用户操作时重新蚀刻数据

Reactjs 当数据未更新时,防止react查询在用户操作时重新蚀刻数据,reactjs,react-hooks,react-query,Reactjs,React Hooks,React Query,我在一个React应用程序上使用React查询,该应用程序发出多个并行请求。每次我点击tab键转到另一个应用程序或页面时,它都会删除所有仪表板并显示微调器。即使搜索栏中的关键字没有更改,它也会重新提取所有数据并再次发出所有请求,因此,让用户再等几秒钟才能看到仪表板是没有用的。禁用焦点上的重新提取可能会帮到您,但我会完全删除isFetching,只剩下isLoading const queryClient = new QueryClient({ defaultOptions: {

我在一个React应用程序上使用React查询,该应用程序发出多个并行请求。每次我点击tab键转到另一个应用程序或页面时,它都会删除所有仪表板并显示微调器。即使搜索栏中的关键字没有更改,它也会重新提取所有数据并再次发出所有请求,因此,让用户再等几秒钟才能看到仪表板是没有用的。

禁用焦点上的重新提取可能会帮到您,但我会完全删除
isFetching
,只剩下
isLoading

const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: false,
     },
   },
 })

来源:

默认情况下,react查询始终显示过时数据(如果有),并同时进行后台重新蚀刻。所以请显示一些代码,因为它必须类似于在isFetching为true时始终显示微调器,或者是“``”):isLoading | | isFetching?():伊瑟罗?(错误:{Error.message}):(``我应该放弃isFetching而只保留isLoading吗?如果每次请求进行时卸载所有数据并显示一个加载微调器,这就是isFetching所做的,而您不想这样做,那么是的,我建议删除:)