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 相关文章推荐
javascript EXCEL 操作类代码
Jul 30 Javascript
js 处理URL实用技巧
Nov 23 Javascript
JavaScript中链式调用之研习
Apr 07 Javascript
浅谈JavaScript之事件绑定
Jul 08 Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
Feb 13 Javascript
使用socket.io制做简易WEB聊天室
Jan 02 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
微信小程序云开发实现云数据库读写权限
May 17 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 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
社区(php&&mysql)六
2006/10/09 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
php中的登陆login实例代码
2016/06/20 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
浅谈javascript 归并方法
2015/01/21 Javascript
jQuery设置和移除文本框默认值的方法
2015/03/09 Javascript
动态加载jQuery的两种方法实例分析
2015/07/17 Javascript
JQuery EasyUI的使用
2016/02/24 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
jQuery实现选项联动轮播效果【附实例】
2016/04/19 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
vue中七牛插件使用的实例代码
2017/07/28 Javascript
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
详解vue axios用post提交的数据格式
2018/08/07 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
Python中的__slots__示例详解
2017/07/06 Python
Python md5与sha1加密算法用法分析
2017/07/14 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
替换python字典中的key值方法
2018/07/06 Python
python实现全盘扫描搜索功能的方法
2019/02/14 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
python实现交并比IOU教程
2020/04/16 Python
Hotels.com中国区:好订网
2016/08/18 全球购物
医生进修自我鉴定
2014/01/19 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
2014企业领导班子四风对照检查材料思想汇报
2014/09/17 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
资金申请报告范文
2015/05/14 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书