惠民福利国产午夜成人av在线播放_国产精品区一区二区三亚洲欧美日韩另类在线_免费无码婬片AAA_日韩精品中文字幕本一本二

【antd】根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)生成表單和數(shù)據(jù)更新

來(lái)源:CSDN 瀏覽量:162 發(fā)布時(shí)間:2018-12-26 18:05:36

具體需求是:


1 根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)生成表單項(xiàng)


2 表單項(xiàng)可以編輯和增減,提交保存數(shù)據(jù)到后臺(tái)


大概界面如下:

1545913007.gif


對(duì)于需求1,找了下基本通過(guò)map枚舉,配合getFieldDecorator


對(duì)于需求2,如果編輯過(guò)程中,增減表單項(xiàng),將造成正在編輯的表單數(shù)據(jù)丟失的情況,如下:


2.gif

沒(méi)找到完整的解決方案,自己摸索了下,通過(guò)onValuesChange監(jiān)聽所有表單改動(dòng),更新state來(lái)保存實(shí)時(shí)編輯的.


還有一個(gè)問(wèn)題是,對(duì)于編輯過(guò)的表單,即使數(shù)據(jù)更新了,表單還是不會(huì)刷新(重新渲染),如在tab切換時(shí),因?yàn)樗袃蓚€(gè)tab的key是一樣的,如果在左邊某個(gè)表單做了編輯,切換到右邊tab時(shí),對(duì)應(yīng)的表單就不會(huì)數(shù)據(jù)變化了,如下:

1545913192.gif


--------------------- 

作者:idwtwt 

來(lái)源:CSDN 

原文:https://blog.csdn.net/idwtwt/article/details/85019746