В моем приложении Reaction-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),
}
};
}
Но когда оба компонента окончательно смонтированы, остаются только состояния и действия второго компонента.И состояние и действие 1-го компонента становятся неопределенными.
Я просто отображаю компоненты следующим образом:
<Comp1/>
<Comp2/>
Версия Redux: 3.7.2 Версия React-redux: 5.0.6
Любая помощь приветствуется.Заранее спасибо!