LogoClawIndex
案例技能关于
LogoClawIndex

react-forms - React 表单:模式、验证与最佳实践

React 表单处理模式,涵盖受控/非受控输入、React Hook Form、表单验证、多步表单和 Server Actions 表单。

标签

更新于: 2026-06-30
React表单表单验证React Hook Form受控输入表单模式

能力

生成受控表单代码生成非受控表单代码实现表单验证模式创建 React Hook Form 组件

典型输入

React 项目代码库表单验证 schemaReact 表单文档

典型输出

表单组件代码表单验证代码表单处理模式代码

该技能可以做什么

  • 生成受控表单代码
  • 生成非受控表单代码
  • 实现表单验证模式
  • 创建 React Hook Form 组件
  • 处理表单字段数组
  • 集成受控组件与 RHF
  • 获取 React 表单文档
  • 编辑现有表单代码

输入

  • React 项目代码库
  • 表单验证 schema
  • React 表单文档

输出

  • 表单组件代码
  • 表单验证代码
  • 表单处理模式代码

要求

  • React 开发环境
  • Read、Grep、Glob、Write、Edit 工具权限
  • MCP 文档获取工具访问权限
  • RHF 模式需要 React Hook Form 库

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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