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 相关文章推荐
页面使用密码保护代码
Apr 10 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
Node.js与MySQL交互操作及其注意事项
Oct 05 Javascript
清除输入框内的空格
Dec 21 Javascript
Javascript的this用法
Jan 16 Javascript
js原生Ajax的封装和原理详解
Mar 11 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
详解用webpack2.0构建vue2.0超详细精简版
Apr 05 Javascript
JavaScript实现与web通信的方法详解
Aug 07 Javascript
cypress测试本地web应用
Jun 01 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调用方法mssql_fetch_row、mssql_fetch_array、mssql_fetch_assoc和mssql_fetch_objcect读取数据的区别
2012/08/08 PHP
mcrypt启用 加密以及解密过程详细解析
2013/08/07 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
PHP简单实现二维数组的矩阵转置操作示例
2017/11/24 PHP
javascript对象之内置对象Math使用方法
2010/04/16 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
Javascript设计模式之装饰者模式详解篇
2017/01/17 Javascript
JavaScript门道之标准库
2018/05/26 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
layui 富文本赋值,取值,取纯文本值的实例
2019/09/18 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
详解Python爬虫的基本写法
2016/01/08 Python
Python测试人员需要掌握的知识
2018/02/08 Python
Django自定义manage命令实例代码
2018/02/11 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
详解如何减少python内存的消耗
2019/08/09 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
五个2015 年最佳HTML5 框架
2015/11/11 HTML / CSS
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
简单说说tomcat的配置
2013/05/28 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
小学教师的自我评价范例
2013/10/31 职场文书
语文课外活动总结
2014/08/27 职场文书
离婚协议书怎么写的
2014/12/14 职场文书
党小组评议意见
2015/06/02 职场文书
护士岗前培训心得体会
2016/01/08 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
Python爬虫中urllib3与urllib的区别是什么
2021/07/21 Python