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

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

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

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表單,里面有四個(gè)From.Item

(這里的Row,Col可以忽略,因?yàn)槲野鼈€(gè)外層結(jié)構(gòu)好布局樣式)

我的需求

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

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

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

這兩步就可以給標(biāo)簽添加一個(gè)ref,名字為formRef

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

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

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

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

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

提交的時(shí)候就會(huì)觸發(fā)

總結(jié)

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

相關(guān)文章

最新評(píng)論