Alpha尝试 TanStack CLI

TanStackQuery

强大的异步状态管理、服务器状态工具和数据获取

强大的异步状态管理、服务器状态工具和数据获取。获取、缓存、更新和处理您在 TS/JS、React、Vue、Solid、Svelte 和 Angular 应用程序中的所有形式的异步数据，而无需接触任何“全局状态”。

1,052

GitHub 贡献者

0

GitHub 依赖者

了解 TanStack Ads 隐藏广告

只是快速浏览一下...

import { useQuery } from '@tanstack/react-query'

function Todos() {
  const { data, isPending, error } = useQuery({
    queryKey: ['todos'],
    queryFn: () => fetch('/api/todos').then(r => r.json()),
  })

  if (isPending) return <span>Loading...</span>
  if (error) return <span>Oops!</span>

  return <ul>{data.map(t => <li key={t.id}>{t.title}</li>)}</ul>
}

export default Todos

声明式和自动

手动编写数据获取逻辑已经结束。告诉 TanStack Query 从哪里获取数据以及需要保持数据的新鲜程度，剩下的将自动完成。它处理缓存、后台更新和默认情况下过时的数据，无需任何配置。.

简单且熟悉

如果您知道如何使用 promise 或 async/await，那么您就已经知道如何使用 TanStack Query。没有需要管理全局状态、reducer、规范化系统或复杂的配置。只需传递一个解析您的数据（或抛出错误）的函数，剩下的就交给历史吧。

可扩展

TanStack Query 可以针对查询的每个观察者实例进行配置，并提供旋钮和选项以适应每种使用情况。它配备了专用的开发工具、无限加载 API 和一流的变异工具，使更新数据变得轻而易举。不用担心，一切都已预先配置好以取得成功！

开发者喜爱

看看团队在说什么

"老实说，如果 React Query 在 Redux 之前就存在，我认为 Redux 的受欢迎程度就不会像现在这么高了。"

Kent C. Dodds

@kentcdodds·Epic Web

"如果我可以回到过去，并给自己发送一个包含 react-query 副本的闪存盘……"

Kent C. Dodds

@kentcdodds·Epic Web

"React Query 赢了。这是毋庸置疑的。"

Theo Browne

@t3dotgg·Ping Labs

"TanStack Query 对我们来说是一个变革性的工具。我们很喜欢在 react-admin 中使用它。"

react-admin

@ReactAdmin·Marmelab

"我使用 React + Vite + TanStack Router + TypeScript + TanStack Query 越多，就越喜欢它。"

Catalin Pit

@catalinmpit·开发者倡导者

"结合 TanStack Query，这个堆栈极大地提高了我的工作效率。"

Dominik (TkDodo)

@TkDodo·TanStack

"老实说，如果 React Query 在 Redux 之前就存在，我认为 Redux 的受欢迎程度就不会像现在这么高了。"

Kent C. Dodds

@kentcdodds·Epic Web

"如果我可以回到过去，并给自己发送一个包含 react-query 副本的闪存盘……"

Kent C. Dodds

@kentcdodds·Epic Web

"React Query 赢了。这是毋庸置疑的。"

Theo Browne

@t3dotgg·Ping Labs

"TanStack Query 对我们来说是一个变革性的工具。我们很喜欢在 react-admin 中使用它。"

react-admin

@ReactAdmin·Marmelab

"我使用 React + Vite + TanStack Router + TypeScript + TanStack Query 越多，就越喜欢它。"

Catalin Pit

@catalinmpit·开发者倡导者

"结合 TanStack Query，这个堆栈极大地提高了我的工作效率。"

Dominik (TkDodo)

@TkDodo·TanStack

没有依赖项。所有功能。

由于没有依赖项，TanStack Query 具有极高的精简性，同时提供了密集的特性集。从周末爱好到企业电子商务系统（是的，我正在看着你，沃尔玛！），TanStack Query 是帮助您以创造力的速度取得成功的可靠工具。

与后端无关专用开发者工具自动缓存自动重新获取窗口聚焦时重新获取轮询/实时查询并行查询依赖查询变异 API 自动垃圾回收分页/游标查询加载更多/无限滚动查询滚动恢复请求取消准备就绪！渲染即取预取变长并行查询离线支持 SSR 支持数据选择器

更少的代码，更少的边缘情况。

与其编写 reducer、缓存逻辑、计时器、重试逻辑、复杂的 async/await 脚本（我可以继续说下去……），你实际上编写的代码量只是你通常编写代码量的一小部分。当你使用 TanStack Query 时，你会惊讶于你编写的代码量之少，或者你删除的代码量之多。尝试使用下面的示例！

维护者

Dominik Dorfmeister

Lachlan Collins

Vedanta Somnathe

Fredrik Höglund

Arnoud de Vries

查看所有维护者

合作伙伴

CodeRabbit

Cloudflare

AG Grid

Netlify

WorkOS

Neon

Convex

Electric

Sentry

Railway

PowerSync

Prisma

Strapi

Unkey

Fireship

Nozzle.io

Query 你？

我们正在寻找TanStack Query合作伙伴加入我们的使命！与我们合作，突破TanStack Query的界限，共同创造非凡。

查看之前的合作伙伴

使用 TanStack Query 构建

查看开发者如何使用这个库

赞助商

成为赞助者

了解 TanStack Ads 隐藏广告

哇，你已经走了这么远了！

只剩下最后一件事了...

阅读文档！

X.com 上的 @Tan_Stack

X.com 上的 @TannerLinsley

Nozzle.io - 关键词排名追踪器

©2026TanStack LLC