字符串数组 - 没有嵌套

Question

我希望表单的记录级别数据如下所示：

{
   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？

Answer 1

解决了，我只需要使用

name={name}

而不是

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

酷！

字符串数组 - 没有嵌套

Array of strings - without nesting

final-form

react-final-form