redux-form初始化FieldArray

时间:2018-07-12 14:21:24

标签: redux-form react-redux-form redux-form-validators

我正在尝试创建一个Redux表单,该表单集成了Redux表单的许多方面。 为了更好地介绍该项目,我想与您分享主要目标。 目前,我有一个动态形式,可以与参与者进行扩展。每个参与者都有上级。在用户输入(Async.Creatable React select)上,我基于文本请求(调用API)所有用户。综上所述,这是一种自动建议。收到用户后,我会第二次致电以获得相应的上级。之后,我想自动为参与者和上级填写字段。 对于第一个参与者+上级,一切工作都很好。与第一个参与者不同,第二个上级没有自动填充。 更改initalValues属性时,是否需要调用初始化动作(redux形式)手册? 函数getFormData访问当前状态。这些状态是预期的,并且包含以下数据。 这些状态是通过redux-form的LOAD操作创建的

初始 : 参加者 : Array(2)<-自动填充的字段[{name:FirstTest,firstName:FirstTest},{name:SecondTest,firstName:SecondTest}]

const mapStateToProps = (state) => {
  const attendeesFromFormData = getFormData(state, REGISTRATION_FORM, [{}]).attendees
  const attendees = attendeesFromFormData ? attendeesFromFormData : [{}]
  return {
    initialValues: {
      attendees: attendees
    }
  }
}

export default connect(mapStateToProps, {searchADUser, autoFillAttendee, getADUser})(reduxForm({
  form: REGISTRATION_FORM,
  enableReinitialize: true
})(RegistrationForm))

1 个答案:

答案 0 :(得分:0)

好的,经过一些研究和测试,我找到了解决问题的简单方法。 每次添加参与者时,您都必须手动初始化redux表单。