今天就跟大家聊聊有關(guān)react使用antd表單賦值實(shí)現(xiàn)修改彈框,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
在成都做網(wǎng)站、網(wǎng)站設(shè)計中從網(wǎng)站色彩、結(jié)構(gòu)布局、欄目設(shè)置、關(guān)鍵詞群組等細(xì)微處著手,突出企業(yè)的產(chǎn)品/服務(wù)/品牌,幫助企業(yè)鎖定精準(zhǔn)用戶,提高在線咨詢和轉(zhuǎn)化,使成都網(wǎng)站營銷成為有效果、有回報的無錫營銷推廣。成都創(chuàng)新互聯(lián)專業(yè)成都網(wǎng)站建設(shè)10多年了,客戶滿意度97.8%,歡迎成都創(chuàng)新互聯(lián)客戶聯(lián)系。1、使用getFieldDecorator的initialValue
2、在state里定義一個變量存表格的數(shù)據(jù)
3、給打開彈框的方法傳個record
4、把表格里的值存到state
5、把在state里存的值傳給彈框
6、獲取傳過來的值
7、在取消方法和修改成功后中給賦空值,要不然,點(diǎn)擊添加的方法表單里面會有值
7、OK
補(bǔ)充知識:react中使用antd的表單重置數(shù)據(jù)
resetFields 重置一組輸入控件的值(為 initialValue)與狀態(tài),如不傳入?yún)?shù),則重置所有組件 Function([names: string[]])
注:initialValue有值時會重置為initialValue
使用:
//這個事件,可以是click可以是生命周期函數(shù),具體看需求 componentWillUnmount() { this.props.form.resetFields(); //這是重置為默認(rèn)值 //在此進(jìn)行相應(yīng)操作 console.log('值已經(jīng)清空') }