在我的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
感谢您的帮助。预先感谢!