Sawana Huang Avatar

Sawana Huang

TanStack Query

强大的数据获取和缓存库，让服务器状态管理变得简单

Tankstack Query

官方文档

https://tanstack.com/query/latest

QuickStart | Tankstack Query

对于 Next.js，尤其是希望保持 SSR 特性的开发者，你应该看看：

下载

快速使用

对于一个 Next.js 项目你需要如下方式创建。

  1. 创建 client 的 tankstack provider
tankstack-query-provider.tsx
"use client";

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

const queryClient = new QueryClient();

export default function TankStackQueryProvider({
  children,
}: PropsWithChildren) {
  return (
    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  );
}

TO BE CONTINUE