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。
限制:资料未提供收费、价格、平台、效果与更多使用步骤信息。