LogoClawIndex
案例技能关于
LogoClawIndex

react-dev - 类型安全的 React 组件和 Hooks

使用 TypeScript 构建类型安全的 React 组件,支持 React 19 特性和路由

标签

更新于: 2026-06-30
ReactTypeScript组件Hooks路由服务器组件

能力

典型输入

典型输出

该技能可以做什么

  • 构建类型安全的 React 组件
  • 实现泛型组件
  • 类型化事件处理器
  • 类型化表单和引用
  • 使用 React 19 特性
  • 集成路由
  • 创建自定义 Hooks
  • 类型化 Hook 状态
  • 处理服务器组件

输入

  • 组件属性
  • 事件对象
  • 表单数据
  • 路由参数
  • 搜索参数

输出

  • 类型安全的 React 组件
  • 类型化的事件处理器
  • 服务器组件
  • 客户端组件
  • 类型化的路由处理器

要求

  • TypeScript 环境
  • React 18 或 19
  • TanStack Router 或 React Router

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
构建类型安全的 React 组件
实现泛型组件
类型化事件处理器
类型化表单和引用
组件属性
事件对象
表单数据
类型安全的 React 组件
类型化的事件处理器
服务器组件