同时安装多个组件将覆盖Redux状态

时间:2019-04-08 12:20:42

标签: redux react-redux

在我的react-redux应用程序中,当我将2个组件安装在一起时,第一个的状态被第二个覆盖。

在第一个组件中,我定义了以下状态和操作:

function mapStateToProps(state) {
  return {
    comp1: state.comp1,
  };
}

function mapDispatchToProps(dispatch) {
  return {
    actions: {
      action1: bindActionCreators(action1, dispatch),
      action2: bindActionCreators(action2, dispatch),
    }
  };
}

第二个组件看起来像这样:

function mapStateToProps(state) {
  return {
    comp2: state.comp2,
  };
}

function mapDispatchToProps(dispatch) {
  return {
    actions: {
      action3: bindActionCreators(action3, dispatch),
      action4: bindActionCreators(action4, dispatch),
    }
  };
}

但是,当两个组件最终都安装好时,只有第二个组件状态和动作保留下来。并且第一个组件的状态和动作变得不确定。

我只是以这种方式渲染组件:

<Comp1/>
<Comp2/>

Redux版本:3.7.2 React-redux版本:5.0.6

感谢您的帮助。预先感谢!

0 个答案:

没有答案