react ant Design手动设置表单的值操作


Posted in Javascript onOctober 31, 2020

1.设置表单的值

this.props.form.setFieldsValue({ name:"张三", });

2.清空表单的值

this.props.form.resetFields();

3.获取某一输入框的值

this.props.form.getFieldValue('newPassword');

4.获取整个表单的值

this.props.form.getFieldsValue();

多看官方文档就知道这些东西了

补充知识:react使用antd表单赋值,用于修改弹框

1、使用getFieldDecorator的initialValue

react ant Design手动设置表单的值操作

2、在state里定义一个变量存表格的数据

react ant Design手动设置表单的值操作

3、给打开弹框的方法传个record

react ant Design手动设置表单的值操作

4、把表格里的值存到state

react ant Design手动设置表单的值操作

5、把在state里存的值传给弹框

react ant Design手动设置表单的值操作

6、获取传过来的值

react ant Design手动设置表单的值操作

7、在取消方法和修改成功后中给赋空值,要不然,点击添加的方法表单里面会有值

react ant Design手动设置表单的值操作

react ant Design手动设置表单的值操作

7、OK~

react ant Design手动设置表单的值操作

以上这篇react ant Design手动设置表单的值操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
关于ExtJS4.1:快捷键支持的问题
Apr 24 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
微信小程序 http请求详细介绍
Oct 09 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
如何更好的编写js async函数
May 13 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
Sep 11 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
ant design vue导航菜单与路由配置操作
Oct 28 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 #Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 #Javascript
antd design table更改某行数据的样式操作
Oct 31 #Javascript
antd配置config-overrides.js文件的操作
Oct 31 #Javascript
解决ant-design-vue中menu菜单无法默认展开的问题
Oct 31 #Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 #Javascript
antd多选下拉框一行展示的实现方式
Oct 31 #Javascript
You might like
抓取YAHOO股票报价的类
2009/05/15 PHP
PHP_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
jquery库文件略庞大用纯js替换jquery的方法
2014/08/12 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
2015/12/18 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
2016/02/16 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
详谈js中标准for循环与foreach(for in)的区别
2017/11/02 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
利用angular自动编译andriod APK的绕坑经历分享
2019/03/08 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
[01:03:38]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS CIS
2014/05/22 DOTA
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
高中运动会广播稿
2014/01/21 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
股权转让协议书范本
2014/04/12 职场文书
精神文明建设标语
2014/06/16 职场文书
2014年个人师德工作总结
2014/12/04 职场文书
2014年科普工作总结
2014/12/06 职场文书
撤诉书怎么写
2015/05/19 职场文书
SQL Server——索引+基于单表的数据插入与简单查询【1】
2021/04/05 SQL Server
Pytorch可视化的几种实现方法
2021/06/10 Python
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL
教你使用Python获取QQ音乐某个歌手的歌单
2022/04/03 Python