如何从初始值正确组织属性对象数组

Question

我在 React 中使用 Formik，需要更新表单和 FieldArray 中的数据

<Formik
    enableReinitialize={true} initialValues={{ title: '', somelocations: [{location: locationEntity.locations && locationEntity.locations.map(e => e.id)}] ...

<FieldArray
    name="somelocations"
    render={arrayHelpers => (
    ...
    {values.locations && values.locations.length > 0 ? (
    values.locations.map((location, index) => (
    <div key={index}>
    ...
    <div className="location-field-value form-group"><Field type="text" placeholder="https://some.com" required name={`somelocations.${index}.location`} /></span></div>
    ...
    />

因此，我从初始值中获取值，但它们的组织不正确。不是每个都在单独的输入中，而是全部用逗号分隔

1,2,3,4,5

如果我删除 'somelocation' 数组的属性 -> 位置，一切正常 {somelocations.${index}.location}

如何从数组属性的初始值正确组织对象数组？

Answer 1

我这边的初始值不正确。正确的方式

initialValues={{ title: '', somelocations: locationEntity.locations}}