如何動態添加 object 到 react-final-form 字段名稱？

Question

這個 react-final-form 組件將返回以下結果

<Field
   name="answers[0].name"
   component="input"
   type="radio"
   value="0"
/>


{ answers: [ { name: 'value' } ] } 

如何添加另一個屬性？ 會像這樣結束

{ answers: [ { name: 'user input value will here', other: 'my custom data' } ] } 

根據最終形式，您可以通過 4 種方式命名您的字段組件

Answer 1

您可以將initialValues道具添加到將預填充結果的表單。

<Form
    onSubmit={onSubmit}
    initialValues={{
        answers: [ { other: 'your custom data' } ]
    }}
>
    <Field
        name="answers[0].name"
        component="input"
        type="text"
    />
</Form>