TanStack 图标
TanStack
自动

TanStackQuery

强大的 异步状态管理 ,适用于 TS/JS、React、Solid、Vue、Svelte 和 Angular

告别那些细粒度的状态管理、手动重新获取和没完没了的异步意大利面条式代码吧。TanStack Query 为您提供声明式的、始终保持最新的自动管理查询和突变,从而 直接改善您的开发者和用户体验

阅读文档

(或查看我们的官方课程 👇)

声明式和自动化

手动编写数据获取逻辑的时代已经结束。告诉 TanStack Query 从哪里获取数据以及需要多新鲜的数据,其余的都是自动的。它处理 缓存、后台更新和过期数据,开箱即用,零配置

简单且熟悉

如果您知道如何使用 promises 或 async/await,那么您已经知道如何使用 TanStack Query。 无需管理全局状态、reducers、规范化系统或复杂的配置。只需传递一个解析数据(或抛出错误)的函数,其余的就是历史了。

可扩展

TanStack Query 可以配置到查询的每个观察者实例,具有适合每个用例的旋钮和选项。它配备了 专用开发工具、无限加载 API 和一流的变更工具,让更新数据变得轻而易举。不过别担心,一切都预配置为成功!

零依赖。功能齐全。

凭借零依赖的特性,TanStack Query 在提供密集功能集的同时保持了极致的精简。从周末的业余爱好到企业级电子商务系统(是的,沃尔玛,我说的就是你!😉),TanStack Query 是一款久经考验的工具,助您以创造力的速度取得成功。

后端无关 专用开发者工具 自动缓存 自动重新获取 窗口聚焦时重新获取 轮询/实时查询 并行查询 依赖查询 变更 API 自动垃圾回收 分页/游标查询 加载更多/无限滚动查询 滚动恢复 请求取消 支持 Suspense! 边获取边渲染 预取 可变长度并行查询 离线支持 SSR 支持 数据选择器
深受以下公司的生产环境信赖
GoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUberGoogleWalmartFacebookPayPalAmazonAmerican ExpressMicrosoftTargetEbayAutodeskCarFAXDocusignHPMLBVolvoOcadoUPC.chEFI.comReactBricksNozzle.ioUber

更少的代码,更少的边界情况。

您不必再编写 Reducer、缓存逻辑、计时器、重试逻辑、复杂的异步/等待脚本(我可以一直说下去……),您实际编写的代码量只是通常情况下的九牛一毛。当您使用 TanStack Query 时,您会惊讶于自己编写的代码如此之少,或者删除了如此之多的代码。通过以下示例之一来尝试一下吧!

哇,您已经探索了这么多!
只剩最后一件事了...