State в приложении redux / реагировать имеет свойство с именем редуктора
Я создаю приложение, используя Redux и React. Я столкнулся с проблемой, когда я не могу сопоставить состояние со свойствами компонента, так как состояние имеет свойство, которое совпадает с именем используемого мной редуктора.
Корневой редуктор создан сcombineReducers
метод
const rootReducer = combineReducers({
appReducer
});
Начальное состояние
const initialState = {
sources: [],
left: {},
right: {},
diff: {}
}
Однако в компоненте функцииmapStateToProps
:
function mapStateToProps(state) {
return {
sources: state.sources
}
}
state.sources
являетсяundefined
потому что ценностьstate
параметр
{
appReducer: {
sources: [],
left: {},
right: {},
diff: {}
}
}
Это особенность редукса? Поэтому, когда я использую больше редукторов, все они добавят новое свойствоstate
переменная? Или с моей стороны что-то не так (я никогда не замечал такого поведения в уроках с избыточным содержанием).
Спасибо