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) => {&nbsp; &nbsp; &nbsp; formFileds[`answerList[${index}].answer`] = Form.createFormField({ value: item.answer })&nbsp; &nbsp; })