Ant Design form表单赋值 报错

Posted 2023-04-09

参考技术A 对input框赋值的时候，报如下错误：
warning.js?4eb8:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options) instead v-decorator="[id, options]" to register it before render.

排查问题为组件还没来得及创建，就被赋值 所以找不到要被赋值的对象实例，故此报错。

解决办法：在赋值之前添加一个延时操作。

问题解决~~~~

Ant Design表单Form常用方法

参考技术A Ant Design表单Form常用方法

Form.useForm()
通过 Form.useForm 对表单数据域进行交互。用法：

经 Form.useForm() 创建的 form 控制实例，常用方法如下：

1、form.setFieldsValue()
设置表单的值，更新对应的值，用法：

2、form.getFieldValue()
获取对应字段名的值。用法：

3、form.getFieldsValue()
获取一组字段名对应的值，会按照对应结构返回。用法：

4、form.validateFields()
触发表单验证。用法：

5、form.submit()
提交表单，与点击 submit 按钮效果相同，会走 onFinish 方法。用法：

6、form.resetFields()
重置一组字段到 initialValues。用法：

————————————————
原文链接： https://blog.csdn.net/qq_29791893/article/details/106058043