Question

我应该在<Field/>中同时输入问题输入和答案。因为redux-form文档告诉我使用<Fields/>。

<Fields names={['question1', 'answer1']}
    component={this.renderInputGroupField} />
<Fields names={['question2', 'answer2']}
    component={this.renderInputGroupField} />
<Fields names={['question3', 'answer3']}
    component={this.renderInputGroupField} />

使用此

渲染字段

renderInputGroupField(fields){
    return(
        <div className="form-group d-block">
            <div className="form-group input-group">
                <select className="form-select" >
                    <option>Multiple-Choice</option>
                    <option>Open-Ended</option>
                </select>
                <input {...fields.question1.input}
                    type="text"
                    className="form-input"
                    placeholder="Type your question..."/>
            </div>
            <div className="form-group">
                <input {...fields.answer1.input}
                    type="text"
                    className="form-input"
                    placeholder="Comma-separated answer choices" />
            </div>
        </div>
    );
}

要使renderInputGroupField有效，我应该将{...fields.answer1.input}添加到<input />中，如上所述。这是问题所在。传递到字段的名称不同，我找不到动态更改...fields.answer1.input到...fields.answer2.input的方法。

我不确定我是否能够正确解释它。谢谢你的帮助。

Answer 1

因此，您似乎希望将renderInputGroupField用作可重用组件。快速测试，看起来像redux-form还会发回你最初给它的名字列表。您应该能够使用该数组中的索引访问names数组中列出的字段的属性，如下所示。

Private Sub CommandButton7_Click()
  Workbooks("master system.xlsm").Activate
  Workbooks.Open ActiveWorkbook.Path & "\Toolbox\Define\PPST.xlsx"

End Sub

在redux-form

1 个答案: