0

我正在尝试创建一个集成了 redux-form 多个方面的 redux 表单。为了更好地介绍该项目,我想与您分享主要目标。目前我有一个动态表格,可以与参与者一起扩展。每个参与者都有一个上级。在用户输入(Async.Creatable React 选择)时,我根据文本请求(调用 API)所有用户。总而言之,一个自动建议。接到用户后,我第二次打电话给相应的上级。之后,我想为参与者和上级自动填充字段。对于第一个参与者+上级来说,一切都很好。与第一个参与者不同,第二个上级没有自动填充。是否需要调用初始化操作(redux-form)手册,当改变 initalValues 属性时?函数 getFormData 访问当前状态。这些状态与预期一致,包含以下数据。这些状态是使用 redux-form 的 LOAD 动作创建的

初始:参加者:数组(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))
4

1 回答 1

0

好的,经过一番研究和测试,我找到了一个简单的解决方案。每次添加参与者时,您都必须手动初始化 redux-form。

于 2018-07-13T06:42:12.720 回答