ant design Form 组件总结快速构建复杂Ant Design Form表单

最新推荐文章于 2024-02-28 15:16:55 发布

VIP文章帅气kkkk

最新推荐文章于 2024-02-28 15:16:55 发布

阅读量2.2k

点赞数

分类专栏：组件文章标签： Ant Design Ant Design Form 快速构建表单精通Ant Design Form 快速构建Ant Design Form

本文链接：https://blog.csdn.net/cuandeqin2083/article/details/97618379

版权

Antd 表单的核心无非是以下两点

表单创建（Form.create）在this.props写入form属性
表单与组件的双向绑定（this.props.form.getFieldDecorator）
表单的取值（this.props.form.validateFields / this.props.form.validateFieldsAndScroll）

Form.create这是一个高阶函数，传入的是react组件，返回一个新的react组件，在函数内部会对传入组件进行改造，添加上一定的方法用于进行一些秘密操作，这里不多做解释，有兴趣的同学可以上官网查看。
我是飞机票（React-高阶组件），点我
使用方法如下：

class CustomizedForm extends React.Component { ... }

// use wrappedComponentRef
const EnhancedForm =  Form.create()(CustomizedForm);

或者

@Form.create()
class CustomizedForm extends React.Component { ...

关注