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 相关文章推荐
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 Javascript
jquery中获取select选中值的代码
Jun 27 Javascript
json原理分析及实例介绍
Nov 29 Javascript
基于jquery实现的省市区级联无ajax
Sep 24 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
纯js模仿windows系统日历
Feb 04 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 Javascript
vue使用watch监听属性变化
Apr 30 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 7中不要做的10件事
2016/09/18 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
js操作ajax返回的json的注意问题!
2010/02/23 Javascript
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
js里取容器大小、定位、距离等属性搜集整理
2013/08/19 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
Bootstrap每天必学之按钮
2015/11/26 Javascript
jquery判断复选框选中状态以及区分attr和prop
2015/12/18 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
Node.js npm命令运行node.js脚本的方法
2018/10/10 Javascript
微信小程序 slot踩坑的解决
2019/04/01 Javascript
layui递归实现动态左侧菜单
2019/07/26 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
在VUE style中使用data中的变量的方法
2020/06/19 Javascript
python中去空格函数的用法
2014/08/21 Python
Python中函数参数设置及使用的学习笔记
2016/05/03 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
英国水族馆和池塘用品购物网站:Warehouse Aquatics
2019/08/29 全球购物
String这个类型的class为何定义成final?
2012/11/13 面试题
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
公司董事长职责
2013/12/12 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
征兵宣传标语
2014/06/20 职场文书
党的群众路线教育实践活动专题组织生活会发言材料
2014/10/17 职场文书
音乐剧猫观后感
2015/06/04 职场文书
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers