【antd】根據(jù)后臺數(shù)據(jù)動態(tài)生成表單和數(shù)據(jù)更新
來源:CSDN
瀏覽量:175
發(fā)布時間:2018-12-26 18:05:36
具體需求是:
1 根據(jù)后臺數(shù)據(jù)動態(tài)生成表單項
2 表單項可以編輯和增減,提交保存數(shù)據(jù)到后臺
大概界面如下:
對于需求1,找了下基本通過map枚舉,配合getFieldDecorator
對于需求2,如果編輯過程中,增減表單項,將造成正在編輯的表單數(shù)據(jù)丟失的情況,如下:
沒找到完整的解決方案,自己摸索了下,通過onValuesChange監(jiān)聽所有表單改動,更新state來保存實時編輯的.
還有一個問題是,對于編輯過的表單,即使數(shù)據(jù)更新了,表單還是不會刷新(重新渲染),如在tab切換時,因為所有兩個tab的key是一樣的,如果在左邊某個表單做了編輯,切換到右邊tab時,對應(yīng)的表單就不會數(shù)據(jù)變化了,如下:
---------------------
作者:idwtwt
來源:CSDN
原文:https://blog.csdn.net/idwtwt/article/details/85019746