AntDesign使用Form表单出现You cannot set a form field before rendering a field associated with the value

标签：方法   blog   oci   before   ora   ted   传值   term   not   

1. 在使用AntDesign的form表单时，在弄编辑新增使用同一个Modal框的时候，点击编辑按钮打开页面时，呈现编辑页面的表单需要渲染这一行record数据，虽说后台渲染的数据还是都渲染出来了，但是此时的页面打开控制台还是会出现警告。

警告图如下所示：

2. 出现这个原因，还是因为this.props.form.setFieldsValue在用传值的时候，所传的只能是form中使用到的参数，就是getFieldDecorator方法中的filed领域，没有的filed领域一律不允许多传，否则就会出现警告提示

问题原因： 通过setFieldsValue方法设置传的值只能是此表单中出现的值，不可以多传，多传递了多余的字段就会出现图片所示状况。

解决方法： 打印自己传递的那一行record信息，对比自己的表单字段，看看是否多了字段，如果多了，可以设置一个中间变量，用于存储自己表单所需要的字段，再后续处理再传到自己表单中。这里因为我写的modal框挺多，且都用到form表单，为了区分，所以设置时，给表单做了处理，但是大体操作是差不多的。

AntDesign使用Form表单出现You cannot set a form field before rendering a field associated with the value

标签：方法   blog   oci   before   ora   ted   传值   term   not   

原文地址：https://www.cnblogs.com/zyxdjyd/p/13691185.html