Как установить состояние в Redux из компонента, передавая полезную нагрузку?

Как установить состояние в Redux из компонента, передающего полезную нагрузку?

Я не могу установить состояние с mapDispatchToProps и передать полезную нагрузку

Импорт:

 import React, { Component } from 'react'; import classes from './HoursWatched.mod ule.css'; import axios from 'axios'; import { connect } from 'react-redux'; import * as actionType from '../../../store/actions'; 

Вот как я пытаюсь вызвать действие:

  componentDidMount() { this.getHoursWatched() } getHoursWatched() { axios.get(API_URL, header) .then((res) ={amp}gt; { console.log(res) this.props.hoursWatched(res) }) .catch((err) ={amp}gt; { console.log("Error", err) }) } 

MapDiscpatchToProps:

 const mapDispatchToProps = dispatch ={amp}gt; { return { hoursWatched : (res) ={amp}gt; dispatch({ type: actionType.HOURS_WATCHED, payload: res }) } } 

Экспорт:

 export default connect(mapStateToProps, mapDispatchToProps)(HoursWatched); 

В редукторе:

 const reducer = (state = initialState, action, payload) ={amp}gt; { switch (action.type) { case actionTypes.HOURS_WATCHED: const newHoursWatched = {}; console.log(payload) //This is undefined return { ...state, hoursWatched: newHoursWatched }; 

Почему я не могу передать полезную нагрузку? Он говорит, что это не определено

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector