reactjs - 当数据未更新时，防止响应查询在用户操作时重新获取数据

Question

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

标签： reactjsreact-hooksreact-query

Answer 1

禁用重新获取焦点可能会对您有所帮助，但我会完全删除isFetching并只留下isLoading

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

来源：https ://react-query.tanstack.com/guides/window-focus-refetching