LogoClawIndex
案例技能关于
LogoClawIndex

tanstack-query - TanStack Query v5 React服务器状态管理

使用 TanStack Query 第5版管理React应用中的服务器状态

标签

更新于: 2026-02-09
React状态管理数据获取TanStack QueryTypeScript服务器状态

能力

配置查询客户端创建查询钩子创建变更钩子管理查询状态

典型输入

React 18+应用TypeScript 4.7+API端点

典型输出

React查询钩子变更钩子查询状态

该技能可以做什么

  • 配置查询客户端
  • 创建查询钩子
  • 创建变更钩子
  • 管理查询状态
  • 处理乐观更新
  • 设置错误边界
  • 控制网络模式
  • 组合并行查询
  • 设置无限查询
  • 预取查询
  • 使查询失效
  • 使用开发工具

输入

  • React 18+应用
  • TypeScript 4.7+
  • API端点
  • 查询键
  • 变更函数
  • 查询客户端配置

输出

  • React查询钩子
  • 变更钩子
  • 查询状态
  • 缓存数据
  • 加载状态
  • 错误状态
  • 乐观UI更新

要求

  • React 18.0+
  • TypeScript 4.7+ (推荐)
  • @tanstack/[email protected]+
  • @tanstack/[email protected]+
  • 支持useSyncExternalStore

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。