Reactjs 如何在redux表单中为单个字段提供初始值?
我正在尝试使用redux表单中的Reactjs 如何在redux表单中为单个字段提供初始值?,reactjs,redux,redux-form,Reactjs,Redux,Redux Form,我正在尝试使用redux表单中的fieldarray构建表单。字段数组中的每个字段都需要有一个“订单”字段。我想用默认值/初始值预填充此字段。我知道如何向表单提供初始值,但不知道如何为单个字段提供初始值 const renderQuestion = ({ fields, meta: { error, submitFailed } }) => ( <ul> {fields.map((question, index) => ( <li key=
fieldarray
构建表单。字段
数组中的每个字段都需要有一个“订单”字段。我想用默认值/初始值预填充此字段。我知道如何向表单提供初始值
,但不知道如何为单个字段提供初始值
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} />
...
};
constrenderquestion=({fields,meta:{error,submitFailed}})=>(
{fields.map((问题,索引)=>(
-
字段。删除(索引)}>
x
问题#{index+1}
))}
);
const QuizStepAddForm=props=>{
...
...
};
别开玩笑了:)。谢谢再次感谢@kngroo。你能再帮我一次吗?您能否告诉我如何正确地将此初始值
提供给包装组件-渲染场
,以便此初始值将成为用户可以更改的起点。我试着这样做:我不太清楚你的意思。您想将一些初始值作为道具传递给包装
的包装器组件吗?您可能想在此处阅读有关受控和非受控组件的信息:
<Field meta={{initial: `${index + 1}}} />