react使用antd表單賦值,用于修改彈框的操作
1、使用getFieldDecorator的initialValue

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

3、給打開彈框的方法傳個record

4、把表格里的值存到state

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

6、獲取傳過來的值

7、在取消方法和修改成功后中給賦空值,要不然,點擊添加的方法表單里面會有值


7、OK

補充知識:react中使用antd的表單重置數(shù)據(jù)
resetFields 重置一組輸入控件的值(為 initialValue)與狀態(tài),如不傳入?yún)?shù),則重置所有組件 Function([names: string[]])
注:initialValue有值時會重置為initialValue
使用:
//這個事件,可以是click可以是生命周期函數(shù),具體看需求
componentWillUnmount() {
this.props.form.resetFields(); //這是重置為默認值
//在此進行相應操作
console.log('值已經(jīng)清空')
}
以上這篇react使用antd表單賦值,用于修改彈框的操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
useEffect如何通過form.getFieldValue(‘xxx‘)監(jiān)聽Form表單變化
這篇文章主要介紹了useEffect如何通過form.getFieldValue(‘xxx‘)監(jiān)聽Form表單變化問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
React?Native系列之Recyclerlistview使用詳解
這篇文章主要為大家介紹了React?Native系列之Recyclerlistview使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10
解決React報錯Encountered?two?children?with?the?same?key
這篇文章主要為大家介紹了React報錯Encountered?two?children?with?the?same?key解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12
React styled components樣式組件化使用流程
styled-components 是react的一個第三方庫,一種css私有化的方式。用來實現(xiàn)CSS in JS 的方式之一。在多人協(xié)作中,css必定會出現(xiàn)命名沖突,與vue的scoped解決方案不同,react用styled-components的給類名加了隨機字符的方式實現(xiàn)了css的私有化2023-02-02
react render props模式實現(xiàn)組件復用示例
本文主要介紹了react render props模式實現(xiàn)組件復用示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-07-07

