溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

發(fā)布時(shí)間：2020-11-02 15:25:28 來(lái)源：億速云 閱讀：427 作者：Leah 欄目：開發(fā)技術(shù)

本篇文章給大家分享的是有關(guān)react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

1.設(shè)置表單的值

this.props.form.setFieldsValue({ name:"張三", });

2.清空表單的值

this.props.form.resetFields();

3.獲取某一輸入框的值

this.props.form.getFieldValue('newPassword');

4.獲取整個(gè)表單的值

this.props.form.getFieldsValue();

多看官方文檔就知道這些東西了

補(bǔ)充知識(shí)：react使用antd表單賦值，用于修改彈框

1、使用getFieldDecorator的initialValue

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

2、在state里定義一個(gè)變量存表格的數(shù)據(jù)

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

3、給打開彈框的方法傳個(gè)record

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

4、把表格里的值存到state

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

5、把在state里存的值傳給彈框

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

6、獲取傳過(guò)來(lái)的值

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

7、在取消方法和修改成功后中給賦空值，要不然，點(diǎn)擊添加的方法表單里面會(huì)有值

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

7、OK~

react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值

以上就是react ant Design實(shí)現(xiàn)手動(dòng)設(shè)置表單的值，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手