QueryClientProvider
TypeScript
1function QueryClientProvider(props: QueryClientProviderProps): VNode;定义于:packages/preact-query/src/QueryClientProvider.tsx:69
使用 QueryClientProvider 组件将 QueryClient 连接并提供给你的应用。该组件挂载/卸载时还会调用 client.mount()/client.unmount(),从而让客户端订阅窗口焦点(focus)和网络在线(online)事件(当应用重新获得焦点或恢复联网时,自动恢复任何已暂停的修改,并按需重新拉取查询)。
参数
props
要提供的 client,以及可访问该 client 的 children。
props 属性
| 属性 | 类型 | 描述 |
|---|---|---|
children? |
ComponentChildren |
可访问所提供 QueryClient 的组件。 |
client |
QueryClient |
必填 要提供的 QueryClient 实例。 |
返回值
VNode
所提供的 children,经包装后可通过 useQueryClient 读取 QueryClient。
示例
TypeScript
1import { QueryClient, QueryClientProvider } from '@tanstack/preact-query'2 3const queryClient = new QueryClient()4 5function App() {6 return <QueryClientProvider client={queryClient}>...</QueryClientProvider>7}