Javascript React-使用reduxForm的两个语句之间的差异

Javascript React-使用reduxForm的两个语句之间的差异,javascript,reactjs,redux,react-redux,redux-form,Javascript,Reactjs,Redux,React Redux,Redux Form,我已经用初始化值检查了reduxForm的示例代码,它们的代码和我的代码之间的唯一区别是以下代码块 我的代码(不适用于初始值) 他们的代码(与初始值一起使用) 我用我的更改了connect()和reduxForm的代码,有趣的是初始值停止工作,现在我的问题是这两个代码是否不同?如果不同我的代码中有什么错误? 谢谢。是的,有一点不同,您先用connect包装组件,然后再用ReduxForm包装组件,但是应该是相反的 将代码更改为 export default connect(mapStateToP

我已经用初始化值检查了reduxForm的示例代码,它们的代码和我的代码之间的唯一区别是以下代码块

我的代码(不适用于初始值)

他们的代码(与初始值一起使用)

我用我的更改了connect()和reduxForm的代码,有趣的是初始值停止工作,现在我的问题是这两个代码是否不同?如果不同我的代码中有什么错误?


谢谢。

是的,有一点不同,您先用
connect
包装组件,然后再用
ReduxForm
包装组件,但是应该是相反的

将代码更改为

export default connect(mapStateToProps,{load: loadAccount})(reduxForm({
  form:'initializeFromState'
})(InitializeFromStateForm));

它应该可以工作

是的,有一点不同,您使用
connect
包装组件,然后使用
ReduxForm
包装组件,但是应该是相反的

将代码更改为

export default connect(mapStateToProps,{load: loadAccount})(reduxForm({
  form:'initializeFromState'
})(InitializeFromStateForm));

它应该可以工作

区别在于react redux connect HoC和redux form HoC wrap的顺序

在code redux表单中,包装connect HoC,并且
初始值不传递给表单,而是传递给内部组件。表单是用这些值初始化的,内部组件(您的)会忽略它们

道具流程:redux表单->连接-初始值

在他们的代码连接包装redux表单中,
初始值
作为redux表单HoC(表单)传递。表单用这些值初始化


道具流程:连接-初始值->redux表单->组件

区别在于react redux connect HoC和redux表单HoC相互包装的顺序

在code redux表单中,包装connect HoC,并且
初始值不传递给表单,而是传递给内部组件。表单是用这些值初始化的,内部组件(您的)会忽略它们

道具流程:redux表单->连接-初始值

在他们的代码连接包装redux表单中,
初始值
作为redux表单HoC(表单)传递。表单用这些值初始化


道具流程:连接-初始值->redux表单->组件

感谢您的解释。。这很有帮助。谢谢你的解释。。这很有帮助。
export default connect(mapStateToProps,{load: loadAccount})(reduxForm({
  form:'initializeFromState'
})(InitializeFromStateForm));