Skip to main content

QueryClientProvider

使用QueryClientProvider组件连接并提供一个 QueryClient 到你的应用程序：

import { QueryClient, QueryClientProvider } from "@tanstack/react-query";

const queryClient = new QueryClient();

function App() {
  return <QueryClientProvider client={queryClient}>...</QueryClientProvider>;
}

Options​

  • client: QueryClient

    • 必需的
    • 要提供的 QueryClient 实例

  • contextSharing: boolean

    • 默认为false
    • 将此设置true为启用上下文共享，这将在窗口中共享上下文的第一个和至少一个实例，以确保如果 React Query 用于不同的包或微前端，它们都将使用相同的上下文实例，而不管模块如何范围界定

  • context?: React.Context<QueryClient | undefined>

    • 使用它来使用自定义的 React Query 上下文。否则，将使用defaultContext