form-validation-architect - 构建具备类型化验证的可靠 React 表单
使用 react-hook-form 和 Zod 构建复杂 React 表单，处理验证、错误、动态字段、自动保存和多步骤流程。
标签
更新于: 2026-09-29该技能可以做什么
- 设计表单架构
- 定义 Zod 模式
- 构建多步骤向导
- 管理动态字段数组
- 实现异步验证
- 显示字段错误
- 持久化表单状态
- 处理文件上传
输入
- 表单需求
- 验证规则
- 字段数据
- 验证接口
- 上传文件
输出
- 表单实现代码
- 验证错误消息
- 向导进度状态
- 加载与提交状态
- 持久化表单数据
要求
- React 应用
- react-hook-form
- Zod
- @hookform/resolvers
- npm 软件包安装权限