Reactjs 为什么连接顺序很重要？

使用

react redux

中的

connect

时，如果我在

MapStateTrops

之前执行

mapDispatchToProps

，则组件无法呈现声明

调度不是一个函数的状态

：

function mapDispatchToProps(dispatch) {
  return {
    getData: () => {
      dispatch(getSomething())
    }
  }
}

function mapStateToProps(state) {
  return {
      somevalue: state.somevalue,
  }
}

export default connect( mapStateToProps, mapDispatchToProps ) ( Comp );

//export default connect( mapDispatchToProps, mapStateToProps ) ( Comp ); THIS FAILS

为什么

MapStateTrops

和

mapDispatchToProps

的顺序很重要？

在状态中，它等待4个不同的参数

如果更改参数的顺序，函数将使用错误的参数启动，这将导致函数失败

将React组件连接到Redux存储。连接是一个门面 围绕connectAdvanced，为最常见的 用例

它不会修改传递给它的组件类；相反，它 返回一个新的、已连接的组件类供您使用

---

为什么传递正确的函数很重要？哦，真的，哈哈，不错。

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])