Redux-thunk dispatch 不是一个函数

Question

我有以下操作

export function getAllBooks() {
  return function(dispatch) {
     return axios.get('http://localhost:8080/books')
    .then(response => dispatch(retrieveBooks(response.data)));
  };
}

问题是当我调用此操作时，我进入了控制台

Uncaught (in promise) TypeError: dispatch is not a function at eval (eval at ...

即.then(response => dispatch(retrieveBooks(response.data)));中的dispatch正在播放

我尝试删除除 redux-thunk 之外的所有其他中间件，但无济于事

Action 的唯一使用地点是在

const mapDispatchToProps = (dispatch) => {
  return { fetchBooks : () => dispatch(getAllBooks) };
}

Answer 1

您需要调用 getAllBooks Action 创建者并将内部函数传递给 dispatch

const mapDispatchToProps = dispatch => {
  return { fetchBooks: () => dispatch(getAllBooks()) } //note the dispatch call
}