使用antdpro的EdittableProTable中使用form.setFiledsValue踩坑

需求:使用antdpro的editprotable编辑两个下拉框,且下拉框是一个搜索下拉框。下拉框1和2的值是一个编码和名字的联动关系,1变化会带动2,2变化会带动1的一个联动作用。

这里主要是记录使用form.setFiledsValue()时的用法

网上能搜到的写法
name是表单中Form.item的name值

	form.setFieldsValue({
		name: value
	})

但是对于表格中的表单,外层就会包裹多了一层

当表格中编辑时,此时使用form.getFiledsValue()返回的值不是一个单一的对象,所以使用普通的设置不行

form.getFiledsValue()
返回示例(3是table的key值)

3:{
	name: 'xx'
}

所以在table中使用form.setFiledsValue时,应该这样:

editableKeys可以在官网的edtitableProTable看到,大概就是保存了点击编辑时的key指,返回的是一个数组

tableForm.setFieldsValue({
       [editableKeys[0] as number] : {
          'orgId': response.data[0].value
        }              
})

你可能感兴趣的:(项目,笔记,前端,javascript,开发语言,react)