SuperAPI AI 工具集

form-builder

前端与建站

查看项目

更新于 10-15 20:32

技能介绍

用途:当用户需要创建任意表单(如联系、注册、登录、结账等)、为表单添加校验或处理表单提交时,可启用该技能。

主要能力:使用 React Hook Form 管理表单状态并减少重渲染,使用 Zod 进行 schema 校验,通过 @hookform/resolvers 将两者连接,从而构建无障碍且类型安全的 React 表单。资料中给出的示例包括联系表单的完整实现与订阅表单的最小实现。

使用方式:安装依赖命令为 npm install react-hook-form @hookform/resolvers zod。具体代码实现、组件结构与无障碍细节资料未提供。

适用场景:React 项目中的各类表单开发与校验。

限制:资料未说明支持的 React 版本、是否兼容其他校验库、无障碍标准级别、平台或收费情况,暂未提供。