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 相关文章推荐
JS文本框不能输入空格验证方法
Mar 19 Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
Sep 03 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
Cpage.js给组件绑定事件的实现代码
Aug 31 Javascript
详解JavaScript中的坐标和距离
May 27 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
解决Layui数据表格显示无数据提示的问题
Nov 14 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中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
javascript编程起步(第三课)
2007/02/27 Javascript
JavaScript写的一个DIV 弹出网页对话框
2009/08/14 Javascript
JS创建自定义表格具体实现
2014/02/11 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
javascript中数组array及string的方法总结
2014/11/28 Javascript
JavaScript类的写法
2016/09/17 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
iview form清除校验状态的实现
2019/09/19 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
Python中的exec、eval使用实例
2014/09/23 Python
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python中字符串的处理技巧分享
2016/09/17 Python
Python 实现简单的shell sed替换功能(实例讲解)
2017/09/29 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
浅析python redis的连接及相关操作
2019/11/07 Python
浅谈keras中的batch_dot,dot方法和TensorFlow的matmul
2020/06/18 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
Sandro法国官网:法国成衣品牌
2019/08/28 全球购物
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
财务方面个人工作的自我评价
2013/12/28 职场文书
小学社会实践活动总结
2014/07/03 职场文书
法律讲堂观后感
2015/06/11 职场文书
校园新闻稿范文
2015/07/18 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers
MySQL自定义函数及触发器
2022/08/05 MySQL