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 相关文章推荐
jquery如何通过name名称获取当前name的value值
Dec 20 Javascript
jQuery中nextUntil()方法用法实例
Jan 07 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
JavaScript中的函数模式详解
Feb 11 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
jQuery实现文字自动横移
Jan 08 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
利用vue + element实现表格分页和前端搜索的方法
Dec 25 Javascript
vue 实现的树形菜的实例代码
Mar 19 Javascript
Nuxt.js之自动路由原理的实现方法
Nov 21 Javascript
vue2.0 实现富文本编辑器功能
May 26 Javascript
es5 类与es6中class的区别小结
Nov 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
php笔记之:初探PHPcms模块开发介绍
2013/04/26 PHP
php生成excel列序号代码实例
2013/12/24 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
jQuery.Uploadify插件实现带进度条的批量上传功能
2016/06/08 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python 远程统计文件代码分享
2015/05/14 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
Appium Python自动化测试之环境搭建的步骤
2019/01/23 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
django连接mysql数据库及建表操作实例详解
2019/12/10 Python
python实现监控阿里云账户余额功能
2019/12/16 Python
HTML5新增加标签和功能概述
2016/09/05 HTML / CSS
HTML5页面直接调用百度地图API获取当前位置直接导航目的地的实现代码
2018/03/02 HTML / CSS
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
致跳远运动员广播稿
2014/02/11 职场文书
股份合作协议书
2014/09/10 职场文书
2014年图书管理员工作总结
2014/12/01 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
2015年七一建党节演讲稿
2015/03/19 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
高中议论文(范文2篇)
2019/08/19 职场文书
python 逐步回归算法
2021/04/06 Python