MapPropsToFields backfill the form, how to bind if getFieldDecorator uses array nesting structure?

    const renderAnswerDom = () => {
      const answerDom = [];
      for (let i = 0; i < 4; iPP) {
        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);
Mar.07,2021

formFileds.answerList = props.modifyData.answerDetailList.map(e => ({answer: Form.createFormField({ value: e.answer })}))
< H2 > replace with < / H2 >
props.modifyData.answerDetailList.forEach((item, index) => {
      formFileds[`answerList[${index}].answer`] = Form.createFormField({ value: item.answer })
    })
Menu