mapPropsToFields回填表单，如果getFieldDecorator采用数组嵌套结构该怎么绑定？

Question

    const renderAnswerDom = () => {
      const answerDom = [];
      for (let i = 0; i < 4; i++) {
        answerDom.push(
          <FormItem label={`答案${i+1}`} key={i} {...formItemLayout}>
            {
              getFieldDecorator(`answerList[${i}].answer`, {
                rules: [{required: true, message: '答案不能为空' }]
              })(
                <Input className="answer-input" placeholder="请输入"/>
              )
            }
          </FormItem>
        )
      }
      return answerDom;
    };

Quen = Form.create({
  mapPropsToFields(props) {
    if (!props.modifyData) return;
    const formFileds = {};
    formFileds.answerList = props.modifyData.answerDetailList.map(e => ({answer: Form.createFormField({ value: e.answer })}))
    console.log(formFileds);
    return formFileds;
  }
})(Quen);

Answer 1

formFileds.answerList = props.modifyData.answerDetailList.map(e => ({answer: Form.createFormField({ value: e.answer })}))

替换为

props.modifyData.answerDetailList.forEach((item, index) => {
      formFileds[`answerList[${index}].answer`] = Form.createFormField({ value: item.answer })
    })