TanStack Query

把服务端状态、缓存与请求生命周期收进一套 hooks。

访问官网 GitHub

简介

面向 React 等服务端状态的异步数据管理库，处理请求、缓存、失效、重试与分页，让 UI 状态和远端数据保持清晰边界。

安装

npm install @tanstack/react-query

命令用于快速开始，具体版本与配置请以官方文档为准。

适用场景

为列表和详情页管理请求缓存
在数据变更后精准刷新相关查询
处理加载、错误和分页状态

特点

把服务端状态与本地 UI 状态分开管理
内置失效、重试和并发控制能力
支持偏好在客户端或服务端预取

专属示例

真实运行

缓存去重与失效

TanStack Query 对同一 key 的并发请求真正去重为一次，可手动失效重取，并演示真实 503 后的重试。