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 相关文章推荐
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
理解javascript中的with关键字
Feb 15 Javascript
用jquery快速解决IE输入框不能输入的问题
Oct 04 Javascript
canvas时钟效果
Feb 16 Javascript
微信小程序 仿美团分类菜单 swiper分类菜单
Apr 12 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
layDate日期控件使用方法详解
Nov 15 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
Vue3新特性之在Composition API中使用CSS Modules
Jul 13 Javascript
JavaScript编写开发动态时钟
Jul 29 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 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 不错的学习资料
2009/02/06 PHP
php array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
php通过字符串调用函数示例
2014/03/02 PHP
ThinkPHP删除栏目(实现批量删除栏目)
2017/06/21 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
用正则xmlHttp实现的偷(转)
2007/01/22 Javascript
做网页的一些技巧(续)
2007/02/01 Javascript
javascript 获取图片颜色
2009/04/05 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
JavaScript中用字面量创建对象介绍
2014/12/31 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
jquery实现拖拽调整Div大小
2015/01/30 Javascript
JS实现微信弹出搜索框 多条件查询功能
2016/12/13 Javascript
javascript稀疏数组(sparse array)和密集数组用法分析
2016/12/28 Javascript
使用nvm管理不同版本的node与npm的方法
2017/10/31 Javascript
Vue 按键修饰符处理事件的方法
2018/05/04 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
js实现适配移动端的拖动效果
2020/01/13 Javascript
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
Python常见字典内建函数用法示例
2018/05/14 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
CSS3 3D立方体效果示例-transform也不过如此
2016/12/05 HTML / CSS
创建青年文明号材料
2014/05/09 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
幼儿园小班见习报告
2014/10/31 职场文书