多步骤表单向导

目标

• 创建带进度指示器的多步骤表单
• 实现带错误消息的实时字段验证
• 添加基于前面回答的条件字段
• 构建提交前的审核/摘要步骤
• 支持在步骤之间导航且不丢失数据

提示

• 使用 react-hook-form 配合 zod 进行验证
• 将表单状态存储在 context 或 zustand store 中
• 使用 framer-motion 为步骤切换添加动画

资源

• react-hook-form.com
• zod.dev

评论 (0)