query

<img referrerpolicy="no-referrer-when-downgrade" src="https://yellow-cdn.veclightyear.com/835a84d5/8d98ce82-57c2-46dc-9246-26258d3c2bfb.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />

用于在React、Solid、Svelte和Vue中获取、缓存和更新异步数据的钩子

<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent"> <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack"> </a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent"> <img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" /> </a><a href="https://github.com/TanStack/query/actions?query=workflow%3A%22react-query+tests%22"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/56c7908f-16ba-422e-a6d8-ded92f097fb5.svg" /> </a><a href="https://www.npmjs.com/package/@tanstack/query-core" target="\_parent"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/3fcc78c4-37da-456a-8d2f-1e4be3902134.svg" /> </a><a href="https://bundlejs.com/?q=%40tanstack%2Freact-query&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&badge=" target="\_parent"> <img alt="" src="https://deno.bundlejs.com/?q=@tanstack/react-query&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22]}}&badge=detailed" /> </a><a href="#badge"> <img alt="semantic-release" src="https://yellow-cdn.veclightyear.com/835a84d5/5b359816-4633-4477-8290-2874278ac0e8.svg"> </a><a href="https://github.com/TanStack/query/discussions"> <img alt="加入Github讨论" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" /> </a><a href="https://bestofjs.org/projects/tanstack-query"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%2Fquery%26since=daily" /></a><a href="https://github.com/TanStack/query/" target="\_parent"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/86b2f031-75ad-42a3-940c-4d4b043b1af2.svg?style=social&label=Star" /> </a><a href="https://twitter.com/tannerlinsley" target="\_parent"> <img alt="" src="https://yellow-cdn.veclightyear.com/835a84d5/4617af04-418c-4f25-8cfb-236e476e25f0.svg?style=social&label=Follow" /> </a> <a href="https://gitpod.io/from-referrer/"> <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready-to-Code"/> </a>

喜欢这个库吗？试试整个TanStack！TanStack Table、TanStack Router、TanStack Virtual、React Charts、React Ranger

访问tanstack.com/query获取文档、指南、API等更多内容！

仍在使用React Query v2？没问题！查看v2文档：https://github.com/TanStack/query/tree/2.x/docs/src/pages/docs.<br /> 仍在使用React Query v3？没问题！查看v3文档：https://tanstack.com/query/v3/docs/.<br /> 仍在使用React Query v4？没问题！查看v4文档：https://tanstack.com/query/v4/docs/.

主要特性

• 与传输/协议/后端无关的数据获取（REST、GraphQL、promises等）
• 自动缓存 + 重新获取（stale-while-revalidate、窗口重新聚焦、轮询/实时）
• 并行 + 依赖查询
• 变更 + 响应式查询重新获取
• 多层缓存 + 自动垃圾回收
• 分页 + 基于游标的查询
• 加载更多 + 无限滚动查询（带滚动恢复）
• 请求取消
• React Suspense + 获取即渲染查询预取
• 专用开发工具

贡献

查看这里的贡献指南

成为赞助者！