LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

React-Query - React Query 数据管理实现

在 React 应用中实现 Tanstack React-Query 进行异步数据管理

标签

更新于: 2026-03-09
React数据管理状态管理异步缓存

能力

典型输入

典型输出

该技能可以做什么

  • 实现 Tanstack React-Query
  • 获取服务器数据
  • 创建资源
  • 更新资源
  • 删除资源
  • 自动同步缓存
  • 管理加载状态
  • 管理错误状态

输入

  • API 端点
  • 服务器数据源
  • React 组件结构
  • 数据模式
  • 验证规则

输出

  • React Query hooks
  • 缓存管理逻辑
  • 数据获取组件
  • 加载状态
  • 错误状态

要求

  • React 环境
  • @tanstack/react-query v5
  • 客户端组件
  • Next.js server actions 支持

来源

  • 规范: SKILL.md
实现 Tanstack React-Query
获取服务器数据
创建资源
更新资源
API 端点
服务器数据源
React 组件结构
React Query hooks
缓存管理逻辑
数据获取组件