SuperAPI AI 工具集

react-hook-form

前端与建站

查看项目

更新于 10-16 03:46

技能介绍

用途:为使用 React Hook Form 的客户端表单校验提供性能优化规则,针对默认写法中容易出错的关键决策,适用于编写新表单、配置 useForm 选项(mode、defaultValues、校验)、订阅表单值、集成受控 UI 组件(MUI、shadcn、Ant Design)、管理 useFieldArray 动态字段数组、处理异步提交与服务器错误,以及审查表单性能。

主要能力:按优先级分为 7 类,包括表单配置(CRITICAL)、字段订阅(CRITICAL)、受控组件(HIGH)、校验模式(HIGH)、状态管理(MEDIUM-HIGH)、字段数组(MEDIUM-HIGH)、集成模式(MEDIUM)。涵盖 defaultValues 初始化、formState 切片依赖、校验模式选择、watch/useWatch/subscribe 使用、Controller 与 useController 隔离、resolver 缓存、服务器错误处理、resetDefaultValues、useFieldArray 键与操作拆分等要点。

使用方式:按 references/{prefix}-{slug}.md 读取对应参考文件,或查看完整编译文档 AGENTS.md。命令与代码保持原样。

限制:不适用于 React 19 Server Actions/useActionState(改用 react-19 技能);深层嵌套、全类型安全表单可能更适合 TanStack Form;单输入或简单表单用非受控 form 加 FormData 即可。Zod 校验见 zod 技能,UI/UX 表单设计见 frontend-design 技能。收费、价格与平台信息暂未提供。