SuperAPI AI 工具集

conform

通用与其它

查看项目

更新于 10-15 23:41

技能介绍

Conform 用于在 Remix 应用中构建可访问、渐进增强的表单,配合 Zod 做类型安全校验。主要能力包括:无 JS 时仍可提交;类型安全;默认无障碍;受控与非受控模式;文件上传;多步骤表单;动态字段数组;嵌套对象与依赖字段。

安装:npm install @conform-to/react @conform-to/zod zod

用法要点:在 action 中用 parseWithZod(formData, { schema }) 解析,状态非 success 时返回 submission.reply();组件侧用 useForm 获取 form 与 fields,配合 getFormProps、getInputProps、getTextareaProps、getSelectProps 等渲染并显示 errors,可用 shouldValidate、shouldRevalidate 控制校验时机,用 getZodConstraint 生成 HTML5 约束。字段类型覆盖文本、数字、下拉、复选、单选、日期、文件单/多选;动态列表用 useFieldList 与 form.insert/remove.getButtonProps;多步骤表单按步骤分别校验并合并 schema;依赖字段可用 refine 与 path 指定错误位置;异步转换需设置 async: true。

限制:资料未提供收费、价格、平台、效果与更多使用步骤信息。