reactantDesign实现手动设置表单的值-创新互联

本篇文章给大家分享的是有关react ant Design实现手动设置表单的值,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联建站主要从事网站设计制作、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务阿克陶,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

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实现手动设置表单的值,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


网页标题:reactantDesign实现手动设置表单的值-创新互联
浏览路径:http://bzwzjz.com/article/jhcjh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都商城网站建设 成都商城网站建设 网站建设开发 成都做网站建设公司 网站建设 四川成都网站建设 成都网站设计公司 成都网站制作 成都网站设计公司 重庆企业网站建设 专业网站建设 重庆网站设计 手机网站制作 网站建设公司 成都网站设计 网站制作公司 手机网站建设 外贸营销网站建设 定制网站设计 成都网站制作 手机网站制作 四川成都网站制作