1. 程式人生 > 程式設計 >react ant Design手動設定表單的值操作

react ant Design手動設定表單的值操作

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手動設定表單的值操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。