当数据未更新时,防止反应查询根据用户操作重新获取数据

时间:2021-05-06 19:14:23

标签: reactjs react-hooks react-query

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

1 个答案:

答案 0 :(得分:0)

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

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

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