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