# @tanstack/preact-query 中文文档

规范地址：https://npmcn.com/package/%40tanstack/preact-query/

版本：5\.105\.2
npm 元数据更新时间：2026-11-02T13:55:08.864Z
中文译文更新时间：2026-11-02T15:43:01.091Z
软件包许可：MIT

本文由上游 README 机器翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40tanstack/preact-query
原文对照：https://npmcn.com/package/%40tanstack/preact-query/?lang=original
项目主页：https://tanstack.com/query
源码仓库：https://github.com/TanStack/query

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：1.8 MB，425 个文件
- 模块格式：ESM + CJS
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：preact ^10\.0\.0 \|\| ^11\.0\.0-0
- 首次发布：2026-02-09T23:52:53.313Z
- 最新版本发布：2026-11-02T13:55:08.549Z
- 已发布版本数：63（近 12 个月 63 个）

## 中文简介

用于管理、缓存和同步异步和远程数据的钩子

## 安装

```sh
npm install @tanstack/preact-query
```

也可以使用：`pnpm add @tanstack/preact-query`、`yarn add @tanstack/preact-query`、`bun add @tanstack/preact-query`

## README

![](https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133) ![TanStack Preact Query](https://tanstack.com/api/readme/query.png?framework=preact)

用于在Preact中获取、缓存和更新异步数据的钩子

 [![#TanStack](https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack)](https://twitter.com/intent/tweet?button_hashtag=TanStack)[![](https://img.shields.io/badge/Discord-TanStack-%235865F2) ](https://discord.com/invite/WrRKjPJ)[![Release status](https://github.com/TanStack/query/actions/workflows/release.yml/badge.svg?branch=main) ](https://github.com/TanStack/query/actions/workflows/release.yml?query=branch%3Amain)[![](https://img.shields.io/npm/dm/@tanstack/query-core.svg) ](https://www.npmjs.com/package/@tanstack/query-core)[![](https://deno.bundlejs.com/?q=@tanstack/preact-query&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22]}}&badge=detailed) ](https://bundlejs.com/?q=%40tanstack%2Fpreact-query&config=%7B%22esbuild%22%3A%7B%22external%22%3A%5B%22react%22%2C%22react-dom%22%5D%7D%7D&badge=)[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg) ](https://npmcn.com/package/%40tanstack/preact-query/#readme-badge)[![Join the discussion on Github](https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue) ](https://github.com/TanStack/query/discussions)[![Best of JS](https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%2Fquery%26since=daily)](https://bestofjs.org/projects/tanstack-query)  [![](https://img.shields.io/github/stars/TanStack/query.svg?style=social&label=Star)](https://github.com/TanStack/query/)[![](https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow) ](https://twitter.com/tannerlinsley)[![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod)](https://gitpod.io/from-referrer/)

喜欢这个图书馆吗？试一遍 [TanStack](https://tanstack.com/)！ [TanStack表](https://github.com/TanStack/table)， [TanStack路由器](https://github.com/tanstack/router)， [TanStack虚拟](https://github.com/tanstack/virtual)， [反应图](https://github.com/TanStack/react-charts)， [管理员反应](https://github.com/TanStack/ranger)

## 访问 [tanstack.com/query](https://tanstack.com/query) 文档，指南，API和更多！

## 快速的特点

-   传输/协议/后端无关的数据获取（REST, GraphQL, promises，等等！）
-   自动缓存+重新获取（stale-while-revalidate, Window Refocus, Polling/Realtime）
-   并行+相关查询
-   突变+响应式查询重取
-   多层缓存+自动垃圾收集
-   分页+基于游标的查询
-   Load-More +无限滚动查询w/滚动恢复
-   请求取消
-   [超前悬念](https://preactjs.com/guide/v10/api-reference/#suspense) + Fetch-As-You-Render查询预取——虽然不推荐，因为大量预取/比较添加
-   专用Devtools

### [成为赞助商！](https://github.com/sponsors/tannerlinsley/)

## 常见问题

### @tanstack/preact-query 是什么？

用于管理、缓存和同步异步和远程数据的钩子

### 如何安装 @tanstack/preact-query？

在项目目录运行 npm install @tanstack/preact-query，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：preact（^10\.0\.0 \|\| ^11\.0\.0-0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @tanstack/preact-query 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @tanstack/preact-query 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require\(\) 都可以使用，打包工具会自动选择合适的版本。

### @tanstack/preact-query 可以商用吗？

@tanstack/preact-query 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @tanstack/preact-query 还在维护吗？

最新版本 5\.105\.2 发布于 2026/11/02（今天）；至今共发布 63 个版本，其中过去 12 个月发布了 63 个；首次发布于 2026/02/10。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。