Блог

Главная - Вопросы по программированию - Массив строк — без вложенности

Массив строк — без вложенности

#react-final-form #final-form

#реагировать в окончательной форме #конечная форма

Вопрос:

Я хочу, чтобы мои данные уровня записи формы выглядели следующим образом:

 {
   names: ['foo name', 'bar name']
}

Однако мне приходится вставлять, что дает мне:

 {
   names: [ { name: 'foo name' }, { name: 'bar name' }]
}

Гнездо вызвано этим:

         <FieldArray name="names">
          {({ fields }) =>
            fields.map((name, index) => (
              <div key={name}>
                <Field
                  name={`${name}.name`}
                  component="input"
                  placeholder="Name"
                />
              </div>
            ))
          }
        </FieldArray>

Есть ли способ избежать этой вложенности и получить FieldArray, состоящий только из строк?

Комментарии:

1. Этот код, на первый взгляд, выглядит просто отлично. Может быть, создать песочницу?

2. Спасибо @ErikR. Я понял это! Вместо <Field name={`${name}.name`} я изменил его на просто <Field name={name} . Спасибо за внимание к пользователю вашей библиотеки, когда у вас есть гораздо более важные вещи !! 🙂

Ответ №1:

Решил это, мне просто пришлось использовать

 name={name}

вместо

 name={`${name}.name`}

Круто!