У меня есть наблюдатель саги:
export default function * root () {
yield all([
takeLatest(HoraBusaoTypes.GET_HORA_BUSAO, getHorasBusao)
])
}
Итак, я put
хранилище данных для редукции в этой саге:
export function * getHorasBusao(action) {
yield put({ type: HoraBusaoTypes.TEST, nome: 'New York' });
}
И у меня есть редуктор(Я использую reduxsauce
):
export const test = (state, action) => {
const { nome } = action;
return { ...state, nome };
};
export const reducer = createReducer(INITIAL_STATE, {
[Types.TEST]: test
})
Поэтому я отправляю это действие в componentDidMount
:
componentDidMount() {
this.props.getHoras('Any city')
}
// -------------------------------------------------------------------
// redux map
function mapStateToProps(state) {
const { horaBusao } = state;
return {
nome: horaBusao.nome
}
}
function mapDispatchToProps(dispatch) {
return {
getHoras: (city) => dispatch({ type: 'GET_HORA_BUSAO', city })
}
}
Но данные не отображаются на странице, поэтомуЯ добавил console.warn
в render
функцию и понял, что данные были установлены и сброшены:
Какая часть кодасбрасывает мой редукционный магазин?