如何向redux形式的單個字段提供初始值？

Question

我正嘗試使用redux-form的FieldArrays來構建表單。 fields數組中的每個字段都需要有一個「訂單」字段。我想用默認/初始值預填充該字段。我知道如何向表格提供initialValues，但不知道如何爲個人Field做到這一點。

const renderQuestion = ({ fields, meta: { error, submitFailed } }) => (
    <ul> 

    {fields.map((question, index) => (
     <li key={index}> 
     <button type="button" title="Remove Question" onClick={() => fields.remove(index)}> 
      x 
     </button> 
     <h4>Question #{index + 1}</h4> 
     <Field 
      name={`${question}.order`} 
      value={index + 1} // This line is an example to what I am trying to achieve 
      type="number" 
      component={renderField} 
      label="Order" /> 
     <Field name={`${question}.prompt`} type="text" component={renderField} label="Prompt" />   
     </li> 
    ))} 
    </ul> 
); 

const QuizStepAddForm = props => { 
     ... 
     <FieldArray name="questions" component={renderQuestion} /> 
     ... 
}; 

Answer 1

<Field meta={{initial: `${index + 1}}} /> 

https://redux-form.com/7.1.1/docs/api/field.md/#-code-meta-initial-any-code-