带行的表单，尝试将值作为数组对象获取

Question

我正在尝试使用蚂蚁设计表单组件创建基于行的表单。它看起来像截图。

将提交的值作为单个对象获取，如屏幕截图（控制台）所示。

是否有任何简单的方法/解决方案通过数组对象将其归档，每行的值如下所示。

[{
  receiver_name0: "Jaison 1",
  receiver_email0: "jaison1@gmail.com",
  receiver_phone0: "05555555"
},{
  receiver_name1: "Jaison 2",
  receiver_email1: "jaison2@gmail.com",
  receiver_phone1: "06666666"
}]

先谢谢了。

Answer 1

假设您使用的是antd Form提供的getFieldDecorator，则第一个参数getFieldDecorator是一个字符串，它是设置值的路径。它的工作原理与lodash _.set()类似。

查看以下内容：https://github.com/react-component/form/pull/48

要在数组中设置表单值，您可以尝试使用PR中的示例进行以下操作：

{getFieldDecorator('row[0].receiverName', {})(<input/>)}
{getFieldDecorator('row[1].receiverName', {})(<input/>)}

等