欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Antd form表單的使用、設(shè)值、取值、清空值方式

 更新時間：2023年04月22日 08:52:23   作者：追影的React開發(fā)者  
這篇文章主要介紹了Antd form表單的使用、設(shè)值、取值、清空值方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

Antd form表單的使用、設(shè)值、取值、清空值

1、使用

{this.props.form.getFieldDecorator("key",{})(<Input />)}

3、設(shè)值

this.props.form.setFieldsValue({
? ? key: '123',
});

2、取值

this.props.form.validateFields((err, values) => {
? ? if (!err) {
? ? ? ?console.log("表單信息", values);
? ? }
});

3、清空值

this.props.form.resetFields();

antd中的form表單用法筆記

這是我的表單結(jié)構(gòu),引用的antd中的Form表單,里面有四個From.Item

(這里的Row,Col可以忽略,因為我包個外層結(jié)構(gòu)好布局樣式)

我的需求

1.在此處點擊添加是需要收集到這個skuId ,以這個skuId為參數(shù)去調(diào)用接口,去匹配拿到到一組數(shù)據(jù),展示到下面的表格中.   

收集某個From.Item中的數(shù)據(jù)用到的方法getFieldsValue,

拿值怎么拿,需要把From定義成一個可控組件,也就是給它加一個ref,通過標簽獲取它上面的值,看代碼

這兩步就可以給標簽添加一個ref,名字為formRef

再通過ref調(diào)用Form身上的方法,這里這個setFieldsValue('對應(yīng)的字段名字'),就可以拿到對應(yīng)的值

2.同樣的setFieldsValue('字段名')可以設(shè)置它的值,

比如, 你點的編輯按鈕進入的頁面,進來需要重新編輯這些數(shù)據(jù),就可以用到這個方法

3.最后就是表單提交使用validateFields()的方法

每個From.Item里面可以通過rules設(shè)置驗證規(guī)則

提交的時候就會觸發(fā)

總結(jié)

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論