antv4表单踩坑记录

一、from表单设置初始值无效问题
1、当form表单被<></>,

…等标签包裹时，设置初始值无效

2、在模态框中组件使用
问题分析：当我们第一次点开Modal的时候， FormItem会得到一个initialValue,但是这个值只在组件挂载的时候执行了一次， 当我们再次打开Modal窗口的时候并不会更新。
解决方法：Modal窗口我们都有应用一个Visible来控制是否显示， 我们只要利用这个值得变化就可以实现Modal组件的重新挂载了。
{ Visible && <Modal …/> }
二、Select下拉框回显无法显示name问题
在处理react页面的时候遇到了一个问题：使用ant 的table组件，有编辑功能时select回显功能，
表格数据如下：

其中回显数据直接取cabinetModelId 如下

则机柜名称如下，而我们需要显示的是名称而不是value，

但是在antd-design的select组件中，其value属性，接收的数据格式是这样的[{ label: ‘xxx’, value:‘72’; }]。所以我们拿到后端请求的数据是需要转化的
将代码转化为如下图格式

效果

三、关于表单resetFields方法不生效问题
resetFields()方法并不是清空表单只是将表单重置为初始值，如果需要重置表单清使用setFieldsValue（）