reactjs - React-Redux:操作必须是普通对象。使用自定义中间件进行异步操作

Question

Unhandled Rejection (Error): Actions must be plain objects. Use custom middleware for async actions.

我想为每个帖子添加评论。因此，当运行获取帖子时，我想为所有帖子调用获取评论 API。

export function bindComments(postId) {
  return API.fetchComments(postId).then(comments => {
    return {
      type: BIND_COMMENTS,
      comments,
      postId
    }
  })
}

Answer 1

您必须在异步请求结束后进行分派(dispatch)。

这会起作用:

export function bindComments(postId) {
    return function(dispatch) {
        return API.fetchComments(postId).then(comments => {
            // dispatch
            dispatch({
                type: BIND_COMMENTS,
                comments,
                postId
            });
        });
    };
}