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 相关文章推荐
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
javascript变量作用域使用中常见错误总结
Mar 26 Javascript
Javascript连接Access数据库完整实例
Aug 03 Javascript
简要了解jQuery移动web开发的响应式布局设计
Dec 04 Javascript
Bootstrap3.0建站教程(一)之bootstrap表单元素排版
Jun 01 Javascript
微信小程序 仿猫眼实现实例代码
Mar 14 Javascript
微信小程序实现日历效果
Dec 28 Javascript
Three.js实现简单3D房间布局
Dec 30 Javascript
angular4+百分比进度显示插件用法示例
May 05 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
Aug 25 Javascript
javascript实现点击按钮切换轮播图功能
Sep 23 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+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
再Docker中架设完整的WordPress站点全攻略
2015/07/29 PHP
PHP中的静态变量及static静态变量使用详解
2015/11/05 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
javascript SocialHistory 检查访问者是否访问过某站点
2008/08/02 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
javascript中万恶的function实例分析
2011/05/25 Javascript
创建公共调用 jQuery Ajax 带返回值
2012/08/01 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
2015/10/10 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
浅析Nodejs npm常用命令
2016/06/14 NodeJs
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
2017/01/11 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
详解VueJs前后端分离跨域问题
2017/05/24 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
微信小程序排坑指南详解
2018/05/23 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
Python中使用logging模块打印log日志详解
2015/04/05 Python
在Python的Django框架中创建语言文件
2015/07/27 Python
微信小程序跳一跳游戏 python脚本跳一跳刷高分技巧
2018/01/04 Python
pandas数值计算与排序方法
2018/04/12 Python
如何使用Python的Requests包实现模拟登陆
2018/04/27 Python
pandas的唯一值、值计数以及成员资格的示例
2018/07/25 Python
python读取txt文件,去掉空格计算每行长度的方法
2018/12/20 Python
python读取dicom图像示例(SimpleITK和dicom包实现)
2020/01/16 Python
Python使用多进程运行含有任意个参数的函数
2020/05/02 Python
pandas创建DataFrame的7种方法小结
2020/06/14 Python
Pycharm Git 设置方法
2020/09/15 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
毕业生的自我评价
2013/12/30 职场文书
十岁生日家长答谢词
2014/01/17 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书