【antd】根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)生成表單和數(shù)據(jù)更新
具體需求是:
1 根據(jù)后臺(tái)數(shù)據(jù)動(dòng)態(tài)生成表單項(xiàng)
2 表單項(xiàng)可以編輯和增減,提交保存數(shù)據(jù)到后臺(tái)
大概界面如下:
對(duì)于需求1,找了下基本通過(guò)map枚舉,配合getFieldDecorator
對(duì)于需求2,如果編輯過(guò)程中,增減表單項(xiàng),將造成正在編輯的表單數(shù)據(jù)丟失的情況,如下:
沒(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ù)變化了,如下:
---------------------
作者:idwtwt
來(lái)源:CSDN
原文:https://blog.csdn.net/idwtwt/article/details/85019746