1

我有组件树，例如：

<App>
   <Loader show={...}/>
   <Form>
      <input name="val" />
      <input type="submit" />
   </Form>
   <Data input={...}>
      Data is {here is data fetched for props.input}
   </Data>
</App>

我在我的组件中使用钩子useQuery来获取输入数据并且它可以工作，但是我可以访问组件内的属性，我希望有一个全局微调器，它将在任何数据请求期间显示。是否可以使用它来做到这一点？react-queryDataisLoadingDatareact-query

我考虑过换App行Suspense并设置Loader为后备并suspense在useQuery通话中启用，但也许还有其他方法可以做到吗？

4

1 回答 1

6

next还返回一个布尔值isLoading，只要查询的请求“进行中”，包括后台更新（仅当您还没有数据时的“初始”加载，该值才会为真）。useQueryisFetchingisLoading

如果你想要一个全局加载微调器，还有一个useIsFetching钩子，它将返回当前正在获取的查询数量。请参阅：https ://react-query.tanstack.com/reference/useIsFetching

于 2020-12-31T13:34:11.507 回答