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中的对象序列化介绍
Dec 30 Javascript
详细总结Javascript中的焦点管理
Sep 17 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
jQuery序列化表单成对象的简单实现
Nov 29 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
原生JavaScript来实现对dom元素class的操作方法(推荐)
Aug 16 Javascript
分析JS中this引发的bug
Dec 12 Javascript
vue实现模态框的通用写法推荐
Feb 26 Javascript
原生JavaScript实现remove()和recover()功能示例
Jul 24 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
vue3.0中setup使用(两种用法)
Dec 02 Vue.js
解决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 调试环境(IIS+PHP+MYSQL)
2007/01/10 PHP
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
PHP获取Exif缩略图的方法
2015/07/13 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
javascript实现轮显新闻标题链接
2007/08/13 Javascript
js TextArea的选中区域处理
2010/12/28 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
Node.js中npm常用命令大全
2016/06/09 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
微信小程序模拟cookie的实现
2018/06/20 Javascript
小试小程序云开发(小结)
2019/06/06 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
python 对类的成员函数开启线程的方法
2019/01/22 Python
python实现LRU热点缓存及原理
2019/10/29 Python
将 Ubuntu 16 和 18 上的 python 升级到最新 python3.8 的方法教程
2020/03/11 Python
python爬虫用mongodb的理由
2020/07/28 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
浅谈基于HTML5的在线视频播放方案
2016/02/18 HTML / CSS
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
西安众合通用.net笔试题
2013/03/18 面试题
自我评价的写作规则
2014/01/06 职场文书
创先争优一句话承诺
2014/05/29 职场文书
优秀家长自荐材料
2014/08/26 职场文书
文体活动总结
2015/02/04 职场文书
三孔导游词
2015/02/05 职场文书
施工安全责任协议书
2016/03/23 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python