最近对团队内部 React 组件库(ne-rc)中的 Form 组件进行了重构,记录一下思考的过程。
一些前置定义:
| 名词 | 定义 | | ------ | ------------------------------------------------- | | 表单 | Form 组件 | | 子表单 | 嵌套在 Form 下面的类似 Input, Select 这样的子组件 |
首先我们看一下,我们的对 Form 组件的需求是什么。
- 获取当前变动表单的状态
- 校验所有必填表单是否填写完成
- 对外触发具体表单变化的方法
formField