antd提交表单_antd-form表单操作

const{getFieldDecorator}=this.props.form;

const formItemLayout={

labelCol:{

xs:{span:24},

sm:{span:6},

},

wrapperCol:{

xs:{span:24},

sm:{span:14},

},

};

constEditLargeSize=Form.create({

当Form.Item子节点的值发生改变时触发，可以把对应的值转存到 Redux store

onFieldsChange(props,changedFields) {

},

把 props 转为对应的值，可用于把 Redux store 中的值读出,可以在此给form赋值

mapPropsToFields(props) {

}

任一表单域的值发生改变时的回调

onValuesChange(_,values) {}

});

exportdefaultEditLargeSize;

使用form的好处：

1、能直接在提交按钮中获取form中的所有值

2、不需要额外写校验函数

3、不需要写onChange函数

4、编辑的时候只需要在mapPropsToFields方法里面给相应的formItem赋值就可以了，不需要写onChange方法，在最后的按钮中一样能获取所有改变过后的值。