React 表单处理与验证体系
📚 30 章
完整版
01
React表单基础：受控组件与非受控组件
概念与区别，场景选择
↗
02
受控组件实战
useState管理输入，双向绑定
↗
03
非受控组件实战
useRef获取值，文件上传
↗
04
表单元素详解
input, textarea, select, checkbox, radio
↗
05
表单状态管理
useReducer处理复杂状态，多字段联动
↗
06
表单验证基础
必填、邮箱、手机号、密码强度
↗
07
实时验证与失焦验证
实时校验 & 失焦触发
↗
08
自定义验证规则
可复用验证函数，异步查重
↗
09
表单错误处理
优雅展示错误，多语言提示
↗
10
表单提交与防抖
提交事件，防抖与节流
↗
11
表单重置与回填
重置功能，接口数据回填
↗
12
表单联动
级联选择器，动态显示/隐藏
↗
13
表单数组
动态增减表单项，多电话号码
↗
14
表单嵌套
嵌套对象结构，地址信息
↗
15
第三方库入门
React Hook Form, Formik, Ant Design
↗
16
React Hook Form 实战
useForm, register, handleSubmit
↗
17
React Hook Form 验证
集成 yup / zod schema
↗
18
React Hook Form 进阶
动态字段，条件验证，自定义组件
↗
19
Formik 实战
useFormik, Field, Form
↗
20
Formik 验证
集成 Yup，异步验证
↗
21
Formik 进阶
表单数组，字段级验证，性能优化
↗
22
Ant Design Form 实战
Form.Item, rules, getFieldDecorator
↗
23
Ant Design Form 进阶
动态表单，自定义验证，联动
↗
24
表单性能优化
React.memo, useCallback, 减少渲染
↗
25
表单安全
XSS, CSRF, 数据脱敏与加密
↗
26
表单可访问性
aria标签，键盘导航，屏幕阅读器
↗
27
表单测试
React Testing Library 单元/集成测试
↗
28
表单国际化
标签、错误提示多语言切换
↗
29
表单与后端交互
文件上传，分步提交，草稿保存
↗
30
综合实战：用户注册/登录
完整验证与交互逻辑
↗