RELATEED CONSULTING
相关咨询
选择下列产品马上在线沟通
服务时间:8:30-17:00
你可能遇到了下面的问题
关闭右侧工具栏

新闻中心

这里有您想知道的互联网营销解决方案
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://lswzjz.com/article/jhcjh.html