You cannot set a form field before rendering a field associated with the value

最新推荐文章于 2024-03-07 17:29:39 发布
最新推荐文章于 2024-03-07 17:29:39 发布
阅读量503 收藏 2
点赞数 1
分类专栏： antd-design
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/118890569
版权

在项目中使用antd的Form组件的setFieldsValue方法的时候发现控制台多了一个警告⚠️：You cannot set a form field before rendering a field associated with the value.

这句话什么意思呢？在渲染与值关联的字段之前，不能设置表单字段（用有道翻译出来的，其实偷偷告诉你，读了好几遍都没读懂）

一开始，我以为是生命周期的问题，根据提示的警告以为是应该在render之后才能赋值，所以，沿着错误的步伐在错误的道路上走的一去不回，最终还是没有解决问题

后来，终于发现了问题所在：

this.props.form.setFieldsValue这个方法里面传值的时候只能是form中用到的参数(即是getFieldDecorator方法中所设置的fieldName)没有的field（表单属性）一律不允许多传，否则就会报错

所以，检查一下，有哪些字段没有作为表单属性名，而又在this.props.form.setFieldsValue设置值的时候用到了

hzxOnlineOk
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决antd的Form组件setFieldsValue的警告问题
01-21
记住：setFieldsValue的字段要对应得上 解决antd的Form组件setFieldsValue的警告 使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field associated with the value.警告，字面意义去看是说在 render之前设置了表单值的问题。 解决 在使用setFieldsValue给表单Form的某一个filed赋值时，可能掺杂了非表单控件中的字段，Form表单在赋值和渲染时发现有些字段无法渲染在现有的字段（因为不存在），所以就会报出这
给表单赋值警告You cannot set a form field before rendering a field associated with the value.
qq_44229380的博客
11-25 1万+
出现原因：赋值给表单，可以少传值，不能多传值，或者在表单渲染前就给表单赋值 由于表单中的图片上传是另外的组件 所以赋值时是需要传给子组件去赋值，不能setFieldsValue 在用ant-design-vue的框架中，使用到了这种场景，就是点击编辑按钮，弹出modal模态框，渲染modal模态框中的form表单页面，并给表单赋值，但是在给表单赋值的时候，总是会报错。 错误提示： Warning: You cannot set a form field before rendering a field a
react 使用表单提示Warning: You cannot set a form field before rendering a field associated with the value
最新发布
山外小楼
03-07 426
Warning: You cannot set a form field before rendering a field associated with the value. 报错问题解决方案
antd Form报错：Warning: You cannot set a form field before rendering a field associated with the value.
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
09-07 4957
一、报错信息： Warning: You cannot set a form field before rendering a field associated with the value. 警告：在呈现与值关联的字段之前，不能设置表单字段。 原因：这个是使用Form表单时会出现,原因时使用表单setFieldsValue时，有的字段设置了，但Form里不存在这个field。需要保证赋值的数据中的各项要在form的field中。 解决方案： 示例： Form里有两个字段name和passw..
解决：You cannot set a form field before rendering a field associated with the value.
热门推荐
t18092838767的博客
11-01 5万+
使用antd的Form组件setFieldsValue可能会出现You cannot set a form field before rendering a field associated with the value.警告，字面意义去看是说在 render之前设置了表单值的问题。 那么怎么解决呢 1、在form组件显示出后，再用this.form.setFieldsValue 2、在thi...
Ant表单出现“You cannot set a form field before rendering a field associated with the value”
喜欢做一些demo，和分享遇到的 BUG
08-05 1066
今天在做ant表单回显的时候出现 You cannot set a form field before rendering a field associated with the value 是因为先赋值了，但是表单还没有渲染，所有延迟就好了 setTimeout(()=>{ this.props.form.setFieldsValue({ 'userName':name }) },0) ......
Antd使用Form组件报错：You cannot set a form field before rendering a field associated with the value.
qq_47230378的博客
02-03 2539
antd of vue Form组件报错`warning.js?d96e:34 Warning: You cannot set a form field before rendering a field associated with the value. You can use getFieldDecorator(id, options)insteadv-decorator="[id, options]" to register it before render.`
Layered depth-of-field rendering using color spreading
02-21
DoF has been widely used in photography and films by.artists and is expected to be applied to realistic image rendering.and virtual reality applications in the area of computer graphics..This paper ...
Accurate Depth-of-Field Rendering Using Adaptive Bilateral Depth Filtering
02-06
Unlike the traditional rendering methods that handle the depth-of-field with Gaussian filtering, we develop a new DoF filter, called adaptive bilateral depth filter, to adaptively postfilter the ...
Markdown : An error occurred with the Html rendering component
01-20
win10系统上安装Markdown时提示...选择I accept the terms in the… 选择yes，… 然后等待安装 安装过程中会出现如下图所示的一个小弹窗，点击确定，之后继续等待。 安装完成，点击finish。 然后再打开markdown软件就
Light field rendering of Dynamic scene
02-22
light field for dynamic scene( important basic paper)
setFieldsValue报错You cannot set a form field before rendering a field associated with the value
一个慢的博客
08-25 1081
You cannot set a form field before rendering a field associated with the value. 报错语句的含义：在呈现与该值关联的字段之前，不能设置表单字段值。 this.props.form.setFieldsValue这个方法里面传值的时候只能是form中用到的参数(即是getFieldDecorator方法中的field)没有的field一律不允许多传，否则就会报错。 报错事例如下： 刚开始select1的值是无，select2被隐藏，之
react用 braftcontent 时出现 You cannot set a form field before rendering a field associated with the val
Ct_ar的博客
03-30 1048
react用 braftcontent 时出现 You cannot set a form field before rendering a field associated with the value. 事情是这个样子的 点击编辑 富文本内容成功出现 返回第二次点击编辑，富文本内容消失，报错 好吧，Modal组件里的表单再在没有渲染的时候就给他绑定了数据，当然会报错 所以在这里我给他加了一个延时函数，让他在modal加载完，里面的内容加载完成之后在进行数据渲染,然后它就正常了！ setTimeo
antd You cannot set a form field before rendering a field associated with the value
qq_44741558的博客
07-21 259
先说需求吧： 为二级分类的时候，显示父级渠道的选择项，一级分类则隐藏。在持续的一级二级修改切换下，就出现下图错误。 分析1. 所有表单值通过 form.setFieldsValue 检查了很久没有错误 分析2. 通过上面的检查，然后发现了报错了规律，后来得出，我使用的是 v-if 来隐藏表单，在created 就开始 set ,那么当 created 先于 v-if 时，就有问题了， 解决： 真如上所想，将 v-if 修改成 v-show ，问题解决。。。 ...
You cannot set a form field before rendering a field associated with the value.
HiveMe_Hitech
11-21 735
ant design pro of vue自定义了编辑modal，当点击编辑按钮时，第一次获取不到值。但是第二次点就有值了，并且浏览器有警告 You cannot set a form field before rendering a field associated with the value. 大概是说不能再渲染前对field进行赋值，解决办法如下： this.$nextTick(()...
【vue 】表单 赋值报错 You cannot set a form field before rendering a field associated with the value
ws1711073183的博客
08-13 321
由上一页传过来的表单值，赋值到表单上，第一次表单总是显示空白，实际上值已经传过来了，关闭窗口，再重新打开，就又显示出来了。然后第一次就报错，再打开就不报错了、 表单用的都是 v-decorator="[ record.key, { initialValue:record.options.defaultValue, rules:record.rules } ]" 这种绑定的，然后赋值用的...
you cannot set a form field before rendering a field associated with the value
qq_37002008的博客
03-31 158
vue前端报错，个人觉得原因是表单字段加载太慢 解决办法： this.$nextTick(() => { // 设置值 })
C++中输入输出十六进制八进制
05-16 483
本文参考链接：https://www.cnblogs.com/hxsyl/archive/2012/09/18/2691693.html，经重新实验得此文 1.进制问题 默认情况下使用cin和cout实现十进制数据的输入输出。如果要输入输出八进制或十六进制等格式，需在cin或cout中指明相应的数据形式，oct为八进制，hex为十六进制，dec为十进制。例子如下： ...
You cannot set a form field before rendering a field
steve_sjf的博客
05-31 690
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. shi
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
04-10
在渲染与值相关联的字段之前，您不能设置表单字段。您可以使用`getfielddecorator(id, options)`而不是`v-decorator="[id, options]"`在渲染之前进行注册。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hzxOnlineOk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值