Ant Design Form 实现原理
Ant Design Form 是一个高阶组件，其核心实现基于 React 的 Context API 和 Higher-Order Component (HOC) 模式。
主要实现思路
- 创建 Context：定义一个 Context 对象，用于在表单父组件和子组件之间传递表单数据和状态。
- 定义高阶组件：实现
createForm函数，该函数接受配置对象作为参数，包括表单校验规则、表单项初始值及布局设置等。 - 包装组件：
createForm返回一个包装后的表单组件WrappedForm，负责管理表单数据的内部状态，并将 Context 中的表单数据注入到子组件中。 - 渲染表单项：
WrappedForm将处理后的表单数据及其他属性传递给子组件，子组件根据这些数据渲染对应的表单项 UI。 - 数据更新：用户在表单项中输入数据时，通过
onChange事件将新值传递给WrappedForm，组件更新状态并重新渲染子组件以反映最新数据。 - 表单提交：用户提交表单时，通过
WrappedForm提供的 API 获取当前表单数据，进行后续的数据处理逻辑。
Ant Design Form 借助 React 的 Context 和 HOC 实现了表单数据状态的全局共享与管理，同时提供了丰富的常用表单项和校验规则，显著提升了表单开发的效率和体验。
