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 相关文章推荐
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
jQuery中nextUntil()方法用法实例
Jan 07 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
详解在Node.js中发起HTTP请求的5种方法
Jan 10 Javascript
微信小程序使用蓝牙小插件
Sep 23 Javascript
JS实现数组去重的11种方法总结
Apr 04 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
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
jquery 日期分离成年月日的代码
2010/05/14 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
Ubuntu 11.10 安装Node.js的方法
2011/11/30 Javascript
让网页跳转到指定位置的jquery代码非书签
2013/09/06 Javascript
js时间日期格式化封装函数
2014/12/02 Javascript
node.js中的fs.futimes方法使用说明
2014/12/17 Javascript
JavaScript截断字符串的方法
2015/07/15 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
jQuery实现简易的天天爱消除小游戏
2015/10/16 Javascript
jQuery插件实现图片轮播特效
2016/06/16 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
AngularJS路由删除#符号解决的办法
2017/09/28 Javascript
JavaScript 异步调用
2017/10/25 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
解决layui调用自定义方法提示未定义的问题
2019/09/14 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
2020/10/22 Javascript
[41:11]完美世界DOTA2联赛PWL S2 Inki vs Magma 第一场 11.22
2020/11/24 DOTA
Python判断Abundant Number的方法
2015/06/15 Python
Python模拟用户登录验证
2017/09/11 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
全球在线商店:BerryLook
2019/04/14 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
运动会通讯稿500字
2014/02/20 职场文书
网络技术专业求职信
2014/07/13 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
生活小常识广播稿
2014/09/16 职场文书
任命书怎么写
2015/03/02 职场文书
2015年幼儿园大班工作总结
2015/04/25 职场文书
文艺晚会开场白
2015/05/29 职场文书
Java死锁的排查
2022/05/11 Java/Android