美文网首页
antd form表单的getFieldDecorator,va

antd form表单的getFieldDecorator,va

作者: 我叫琪琪呀 | 来源:发表于2021-04-28 11: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的方式进行获取值。

    相关文章

      网友评论

          本文标题:antd form表单的getFieldDecorator,va

          本文链接:https://www.haomeiwen.com/subject/rgoirltx.html