react ant Design手動(dòng)設(shè)置表單的值操作
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
2、在state里定義一個(gè)變量存表格的數(shù)據(jù)
3、給打開(kāi)彈框的方法傳個(gè)record
4、把表格里的值存到state
5、把在state里存的值傳給彈框
6、獲取傳過(guò)來(lái)的值
7、在取消方法和修改成功后中給賦空值，要不然，點(diǎn)擊添加的方法表單里面會(huì)有值
7、OK~
以上這篇react ant Design手動(dòng)設(shè)置表單的值操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
React基礎(chǔ)-JSX的本質(zhì)-虛擬DOM的創(chuàng)建過(guò)程實(shí)例分析
這篇文章主要介紹了React基礎(chǔ)-JSX的本質(zhì)-虛擬DOM的創(chuàng)建過(guò)程,結(jié)合具體實(shí)例形式分析了虛擬dom的基本原理與實(shí)現(xiàn)方法,需要的朋友可以參考下2023-05-05
路由是React項(xiàng)目中相當(dāng)重要的概念，對(duì)于功能較為復(fù)雜的網(wǎng)頁(yè)來(lái)說(shuō)，必然會(huì)涉及到不同功能間的頁(yè)面跳轉(zhuǎn)，本篇文章將對(duì)React官方維護(hù)的路由庫(kù)React-Router-Dom的使用和常用組件進(jìn)行講解，同時(shí)對(duì)路由組件傳遞param參數(shù)的方式進(jìn)行講解，希望對(duì)各位讀者有所參考2022-08-08
React UI組件庫(kù)ant-design的介紹與使用
Ant Design是阿里螞蟻金服團(tuán)隊(duì)基于React開(kāi)發(fā)的ui組件,主要用于中后臺(tái)系統(tǒng)的使用,這篇文章主要介紹了React UI組件庫(kù)ant-design的介紹與使用,需要的朋友可以參考下2023-12-12
React 最為核心的就是 Virtual DOM 和 Diff 算法，diff算法的基礎(chǔ)是Virtual DOM，接下來(lái)通過(guò)本文給大家介紹React中diff算法的相關(guān)知識(shí)，對(duì)React中diff算法感興趣的朋友跟隨小編一起學(xué)習(xí)下吧2021-05-05
React組件對(duì)子組件children進(jìn)行加強(qiáng)的方法
這篇文章主要給大家介紹了關(guān)于React組件中對(duì)子組件children進(jìn)行加強(qiáng)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用React具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要介紹了react新版本生命周期鉤子函數(shù)及用法詳解,本文通過(guò)示例圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
react+antd4實(shí)現(xiàn)優(yōu)化大批量接口請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了如何使用react hooks + antd4實(shí)現(xiàn)大批量接口請(qǐng)求的前端優(yōu)化,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下2024-02-02
React報(bào)錯(cuò)信息之Expected?an?assignment?or?function?call?and?
這篇文章主要介紹了React報(bào)錯(cuò)之Expected?an?assignment?or?function?call?and?instead?saw?an?expression,下面有兩個(gè)示例來(lái)展示錯(cuò)誤是如何產(chǎn)生的，需要的朋友可以參考下2022-08-08
Remix 后臺(tái)桌面開(kāi)發(fā)electron-remix-antd-admin
這篇文章主要為大家介紹了Remix 后臺(tái)桌面開(kāi)發(fā)electron-remix-antd-admin的過(guò)程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
forwardRef 相當(dāng)于是為 ref 傳遞的一種方式,普通的函數(shù)式組件就是 Render,而 fowardRef 多加了 Ref 參數(shù),這篇文章主要介紹了React 中的 ForwardRef的使用示例詳解,需要的朋友可以參考下2024-06-06