本篇内容主要讲解“Antd中Form表单的onChange事件中执行setFieldsValue不生效怎么解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Antd中Form表单的onChange事件中执行setFieldsValue不生效怎么解决”吧!如果在Form表单中onChange事件中，手写了一个setFieldsValue, 则不会生效。Form表单会在手写的onChange事件之后执行内部的setFieldsValue，所以会将我们之前手写的setFieldsValue给覆盖掉。1. 使用setTimeout延时。此方案不推荐2. 使用getValueFromEvent. 是当onChange的时候，更改form表单的值的情景下使用3. 如果你只想简单的更改表单的值setFieldsValue，而不是在onChange的时候触发。那么可以使用normalize. 与上述的getValueFromEvent类似，都是option的一个属性。最近项目使用的是antd Design 4.x 版本，碰到个需要加载后端数据并展示，并且用户可以进行修改的需求，前端采用的是antd的Form表单来实现组件加载的时候向后端请求数据form表单要回填数据一般会想到的是initialValues，但是这是适用于初始化值的时候，官方文档的原话：“initialValues 不能被 setState 动态更新，你需要用 setFieldsValue 来更新”。搜索一番setFieldsValue的使用，基本上都是：this.props.form.setFieldsValue, props自带form，试用之后发现报错，this.props下没有form，这个好像只适用于antd 3.xantd4.x 中使用setFieldsValue 是通过ref来进行操作，如下所示：在需要的地方进行使用：到此，相信大家对“Antd中Form表单的onCha免费云主机域名nge事件中执行setFieldsValue不生效怎么解决”有了更深的了解，不妨来实际操作一番吧！这里是百云主机网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
相关推荐: Java怎么调用ElasticSearch API
本篇内容介绍了“Java怎么调用ElasticSearchAPI”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！1.通过操作es的9300端口，9300是tcp端…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
