antDesign获取表单组件的值

时间：2019-09-24 12:23:44 阅读：358 评论：0 收藏：0 [点我收藏+]

getFormValue是在点击确定按钮获取表单值得事件函数，一旦执行就会执行里边的validate（）回调函数

返回的数据中有error和value两种，如果存在error那就是其中某一个表单控件出了问题（比如有一个必须填的项没有填

获取到了value后将之return出去

在从父组件中获取就可以了，在父组件中使用this.form.getFormValue.then(data)来进行获取

getFormValue = async () => {

const res = await this.validate();

if (res.error) {

return null;

}

const obj = res.value;

return obj;

};

　　首先引入form: { validateFieldsAndScroll }这个方法，因为form整体组件肯定是放在一个父组件中的，直接引入即可

然后直接return一个promise结果

validate = () => {

const {

form: { validateFieldsAndScroll },

} = this.props;

return new Promise(resolve => {

validateFieldsAndScroll((error, value) => {

resolve({ error, value });

});

};

原文地址：https://www.cnblogs.com/ayujun/p/11577325.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行