【antd】根据后台数据动态生成表单和数据更新

来源:CSDN 浏览量:84 发布时间:2018-12-26 18:05:36

具体需求是:


1 根据后台数据动态生成表单项


2 表单项可以编辑和增减,提交保存数据到后台


大概界面如下:

1545913007.gif


对于需求1,找了下基本通过map枚举,配合getFieldDecorator


对于需求2,如果编辑过程中,增减表单项,将造成正在编辑的表单数据丢失的情况,如下:


2.gif

没找到完整的解决方案,自己摸索了下,通过onValuesChange监听所有表单改动,更新state来保存实时编辑的.


还有一个问题是,对于编辑过的表单,即使数据更新了,表单还是不会刷新(重新渲染),如在tab切换时,因为所有两个tab的key是一样的,如果在左边某个表单做了编辑,切换到右边tab时,对应的表单就不会数据变化了,如下:

1545913192.gif


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

作者:idwtwt 

来源:CSDN 

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