antd form表单的getFieldDecorator，validateFields，getFieldValue，setFieldsValue用法

Posted 2023-03-10

参考技术A 获取整个表单用getFieldDecorator设置的值

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

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

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

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

Antd form表单中input失效，无法输入字符串，只能输入单个字符

未有特别说明均为原创，转载注明出处。

 

问题描述

https://segmentfault.com/q/1010000011665581

删掉{getFieldDecorator(name, {})这一段 表框可以正常输入。

解决办法

检查form表单或者父节点是否使用了 key=Math.random() 之类给组件添加唯一值的代码。