新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
react使用antd表單賦值實(shí)現(xiàn)修改彈框-創(chuàng)新互聯(lián)
今天就跟大家聊聊有關(guān)react使用antd表單賦值實(shí)現(xiàn)修改彈框,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
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)清空') }
標(biāo)題名稱:react使用antd表單賦值實(shí)現(xiàn)修改彈框-創(chuàng)新互聯(lián)
標(biāo)題路徑:http://www.dlmjj.cn/article/ishij.html