javascript - ReduxForm - enableReinitialize 不更新嵌套 FieldArrays 中的值

Question

在我的表单中，我通过以下代码传递初始值。

function mapStateToProps(state) {
     return {
       initialValues: {
       POItems: state.poItems.poItems
     }
  }
}

AddCustomerPOItems = reduxForm({
  form: 'AddCustomerPOItemsForm',
  enableReinitialize: true,
})(AddCustomerPOItems)

AddCustomerPOItems = connect(mapStateToProps, poItems)(AddCustomerPOItems)

export default AddCustomerPOItems

此问题在嵌套字段数组中。 当添加新项目时，reducer 将更新状态并初始化字段并正常工作，但如果我修改字段，reducer 可以正常工作并正确更新状态，但值不会被初始化。

在表 1 中，它是一个字段数组，表 2(黄色)是第一个表的嵌套字段数组

Answer 1

您可以使用 componentDidMount 和 componentDidUpdate 生命周期钩子(Hook)来调用 this.props.initialize(...) 以在数据更新时重新初始化表单变化。

https://redux-form.com/7.2.3/docs/api/props.md/#-code-initialize-data-object-function-code-

你也可以看看here ，因为它处理的是一个非常相似的问题。