O estado no aplicativo redux / react possui uma propriedade com o nome do redutor
Estou criando um aplicativo usando Redux e React. Estou com um problema em que não consigo mapear o estado para as propriedades do componente, pois o estado possui uma propriedade que corresponde ao nome do redutor que usei.
O redutor de raiz é criado comcombineReducers
método
const rootReducer = combineReducers({
appReducer
});
O estado inicial é
const initialState = {
sources: [],
left: {},
right: {},
diff: {}
}
No entanto, na função componentemapStateToProps
:
function mapStateToProps(state) {
return {
sources: state.sources
}
}
ostate.sources
éundefined
porque o valor destate
parâmetro é
{
appReducer: {
sources: [],
left: {},
right: {},
diff: {}
}
}
Isso é um recurso do redux? Então, quando eu uso mais redutores, todos eles adicionam novas propriedades aostate
variável? Ou há algo errado do meu lado (nunca notei esse comportamento nos tutoriais de redux).
obrigado