蚂蚁反应设计实现手动设置表单的值

介绍

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

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

蚂蚁反应设计实现手动设置表单的值