react使用antd表單賦值,用于修改彈框的操作
更新時(shí)間：2020年10月29日 14:58:25 作者：妳丶好
這篇文章主要介紹了react使用antd表單賦值,用于修改彈框的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
1、使用getFieldDecorator的initialValue
2、在state里定義一個(gè)變量存表格的數(shù)據(jù)
3、給打開彈框的方法傳個(gè)record
4、把表格里的值存到state
5、把在state里存的值傳給彈框
6、獲取傳過來的值
7、在取消方法和修改成功后中給賦空值，要不然，點(diǎn)擊添加的方法表單里面會(huì)有值
7、OK
補(bǔ)充知識(shí)：react中使用antd的表單重置數(shù)據(jù)
resetFields 重置一組輸入控件的值（為 initialValue）與狀態(tài)，如不傳入?yún)?shù)，則重置所有組件 Function([names: string[]])
注：initialValue有值時(shí)會(huì)重置為initialValue
使用：
//這個(gè)事件，可以是click可以是生命周期函數(shù)，具體看需求
componentWillUnmount() {
this.props.form.resetFields(); //這是重置為默認(rèn)值
//在此進(jìn)行相應(yīng)操作
console.log('值已經(jīng)清空')
}
以上這篇react使用antd表單賦值,用于修改彈框的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
useEffect如何通過form.getFieldValue(‘xxx‘)監(jiān)聽Form表單變化
這篇文章主要介紹了useEffect如何通過form.getFieldValue(‘xxx‘)監(jiān)聽Form表單變化問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
React結(jié)合Drag?API實(shí)現(xiàn)拖拽示例詳解
這篇文章主要為大家介紹了React結(jié)合Drag?API實(shí)現(xiàn)拖拽示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
react中setState的執(zhí)行機(jī)制詳解
setState() 的執(zhí)行機(jī)制包括狀態(tài)合并、批量更新、異步更新、虛擬 DOM 比較和渲染組件等步驟,這樣可以提高性能并優(yōu)化渲染過程,這篇文章主要介紹了react中的setState的執(zhí)行機(jī)制,需要的朋友可以參考下2023-10-10
本篇文章主要介紹了react-router4 嵌套路由的使用方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
React?Native系列之Recyclerlistview使用詳解
這篇文章主要為大家介紹了React?Native系列之Recyclerlistview使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
這篇文章主要介紹了react如何利用懶加載減少首屏加載時(shí)間，幫助大家更好的理解和學(xué)習(xí)使用react，感興趣的朋友可以了解下2021-04-04
解決React報(bào)錯(cuò)Encountered?two?children?with?the?same?key
這篇文章主要為大家介紹了React報(bào)錯(cuò)Encountered?two?children?with?the?same?key解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
react-redux是redux官方react綁定庫，能夠使react組件從redux store中讀取數(shù)據(jù)，并且向store分發(fā)actions以此來更新數(shù)據(jù)，這篇文章主要介紹了react-redux使用,需要的朋友可以參考下2022-08-08
React styled components樣式組件化使用流程
styled-components 是react的一個(gè)第三方庫，一種css私有化的方式。用來實(shí)現(xiàn)CSS in JS 的方式之一。在多人協(xié)作中，css必定會(huì)出現(xiàn)命名沖突，與vue的scoped解決方案不同，react用styled-components的給類名加了隨機(jī)字符的方式實(shí)現(xiàn)了css的私有化2023-02-02
react render props模式實(shí)現(xiàn)組件復(fù)用示例
本文主要介紹了react render props模式實(shí)現(xiàn)組件復(fù)用示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07