antd form表单的getFieldDecorator,va

2021-04-28  本文已影响0人  我叫琪琪呀

validateFields

获取整个表单用getFieldDecorator设置的值

this.props.form.validateFields((err, values) => {

      if (!err) {

        console.log(values)//表单所有通过getFieldDecorator设置的值

        //拿到值后进行后续操作

getFieldValue

this.props.form.getFieldValue('summaryDate');

在提交表单或是与后端交互时,如果需要一个控件的值,那么就用this.props.form.getFieldValue('变量名')的方式进行获取,注意:‘变量名’这个参数只能由getFieldDecorator所设定的。

getFieldDecorator

getFieldDecorator是一个方法,这个方法接收两个参数,第一个是表单的字段对象,第二个是验证规则。这个方法本身返回一个方法,需要将需要获取值的标签包裹进去。

setFieldsValue

给表单中某些用getFieldDecorator绑定的控件赋值

this.props.form.setFieldsValue({

summaryDate:123,

})

getFieldValue不能获取没有使用getFieldDecorator绑定的控件(即:如果控件值标注了id属性,用这个方法无效)。应使用document.getElementById("id名").value的方式进行获取值。

上一篇下一篇

猜你喜欢

热点阅读