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 相关文章推荐
打印json对象的内容及JSON.stringify函数应用
Mar 29 Javascript
JavaScript内存管理介绍
Mar 13 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
详解JavaScript对象类型
Jun 16 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
vue中的模态对话框组件实现过程
May 01 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
微信小程序实现拍照和相册选取图片
May 09 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
什么是MVC,好东西啊
2007/05/03 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
php结合正则批量抓取网页中邮箱地址
2015/05/19 PHP
PHP框架性能测试报告
2016/05/08 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
javascript函数库-集合框架
2007/04/27 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
js动态引入的四种方法
2018/05/05 Javascript
详解JavaScript事件循环机制
2018/09/07 Javascript
跨域解决之JSONP和CORS的详细介绍
2018/11/21 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
2020/04/11 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
Python rstrip()方法实例详解
2018/11/11 Python
python binascii 进制转换实例
2019/06/12 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
后勤岗位职责
2013/11/26 职场文书
挂职思想汇报
2013/12/31 职场文书
学生安全教育材料
2014/02/14 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
收款委托书
2014/10/14 职场文书
辞职信范文大全
2015/03/02 职场文书
2015年终个人政治思想工作总结
2015/11/24 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书