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 相关文章推荐
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
借助javascript代码判断网页是静态还是伪静态
May 05 Javascript
window.location.href的用法(动态输出跳转)
Aug 09 Javascript
angularJS中router的使用指南
Feb 09 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
jQuery实现的倒计时效果实例小结
Apr 16 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
AngularJS 霸道的过滤器小结
Apr 26 Javascript
vue指令之表单控件绑定v-model v-model与v-bind结合使用
Apr 17 Javascript
vue项目中使用fetch的实现方法
Apr 25 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
Oct 31 Javascript
Javascript中window.name属性详解
Nov 19 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
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
PHP数据库处理封装类实例
2016/12/24 PHP
Extjs学习笔记之三 extjs form更多的表单项
2010/01/07 Javascript
node.js解决获取图片真实文件类型的问题
2014/12/20 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
node.js实现登录注册页面
2017/04/08 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
python实现的AES双向对称加密解密与用法分析
2017/05/02 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
python用for循环求和的方法总结
2019/07/08 Python
Django生成PDF文档显示网页上以及PDF中文显示乱码的解决方法
2019/12/17 Python
python机器学习库xgboost的使用
2020/01/20 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
详解numpy1.19.4与python3.9版本冲突解决
2020/12/15 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
html5桌面通知(Web Notifications)实例解析
2014/07/07 HTML / CSS
中国汽车租赁行业头部企业:一嗨租车
2019/05/16 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
十岁生日家长答谢词
2014/01/17 职场文书
工作时间上网检讨书
2014/02/03 职场文书
浪漫婚礼主题活动策划方案
2014/09/15 职场文书
贫困生证明范文
2015/06/16 职场文书
职工培训工作总结
2015/08/10 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
python生成随机数、随机字符、随机字符串
2021/04/06 Python