Форма со строками, пытающаяся получить значения как объект массива

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

Предполагая, что вы используете getFieldDecorator, предоставленный формой antd, первый аргумент getFieldDecorator - это строка, которая указывает путь к значению, которое должно быть установлено.Это работает почти так же, как lodash _.set().

Проверьте это: https://github.com/react-component/form/pull/48

Чтобы установить значения формы в массиве, вы можете попробовать что-то подобное из примера в PR:

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

и т. Д.