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 getElementsByTagName
Jan 31 Javascript
Javascript 判断是否存在函数的方法
Jan 03 Javascript
js动态设置div的值下例子
Oct 29 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
Vue三种常用传值示例(父传子、子传父、非父子)
Jul 24 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
a标签调用js的方法总结
Sep 05 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
如何用threejs实现实时多边形折射
May 07 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中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
PHP对象实例化单例方法
2017/01/19 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
Javascript 个人笔记(没有整理,很乱)
2007/07/07 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
基于Bootstrap+jQuery.validate实现Form表单验证
2014/12/16 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
vue-cli 项目打包完成后运行文件路径报错问题
2019/07/19 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
element-ui如何防止重复提交的方法步骤
2019/12/09 Javascript
jQuery擦除插件eraser使用方法详解
2020/01/11 jQuery
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
python对象及面向对象技术详解
2016/07/19 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
详解Django rest_framework实现RESTful API
2018/05/24 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
Django web自定义通用权限控制实现方法
2020/11/24 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
什么是makefile? 如何编写makefile?
2012/08/08 面试题
金鑫耀Java笔试题
2014/09/06 面试题
廉洁自律承诺书2015
2015/01/22 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
董事长致辞
2015/07/29 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
分享python函数常见关键字
2022/04/26 Python