Already bound dispatch to props
const mapDispatchToProps = {
loadCourses,
loadAuthors,
saveCourse,
};
but forget to destructure to props
function ManageCoursePage({
courses,
authors,
loadCourses,
/*saveCourse,*/
loadAuthors,
...props
}) {
import the same name function as unbounded thunk funcion.
import { loadCourses, saveCourse } from "../../redux/actions/courseActions";
lead to be able to get the first debugger, but unable to reach the second one, be unable to trigger async Http Api.
export function saveCourse(course) {
return function(dispatch, getState) {
debugger;
return courseApi
.saveCourse(course)
.then(savedCourse => {
debugger;
course.id
? dispatch(updateCourseSuccess(savedCourse))
: dispatch(createCourseSuccess(savedCourse));
})
.catch(error => {
throw error;
});
};