字符串数组-不嵌套

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`}

酷！