react ant Design手動設定表單的值操作
阿新 • • 發佈:2020-11-02
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
2、在state裡定義一個變數存表格的資料
3、給開啟彈框的方法傳個record
4、把表格裡的值存到state
5、把在state裡存的值傳給彈框
6、獲取傳過來的值
7、在取消方法和修改成功後中給賦空值,要不然,點選新增的方法表單裡面會有值
7、OK~
以上這篇react ant Design手動設定表單的值操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。