javascript - 如何捕获来自 redux-api-middleware 的响应

Question

我的行动:

const someAction = () => {
  return {
    [RSAA]: {
      types: [
        SOME_REQUEST,
        SOME_SUCCESS,
        SOME_FAILURE,
      ],
      endpoint: ...,
      method: 'POST',
    }
  };
};

我是这样调用它的:

this.props.someAction();

一切正常，我能够处理 reducer 中的数据。问题是，我能否在调用函数时以某种方式获取函数的结果？

我的意思是这样的:

this.props.someAction().then( //success ).catch( //error );

Answer 1

简单地说，redux-api-middleware 经历了以下步骤(更多细节 here ):

1. 调度 SOME_REQUEST 操作
2. 向您的端点发出 POST 请求
3. 如果请求成功，则派发 SOME_SUCCESS 操作，否则派发 SOME_FAILURE

您正在寻找的结果响应可以通过访问在您的 Reducer 中获取:

action.payload

因此，您将处理成功或失败的 Reducer 看起来像这样:

export default (state=initialState, action) => {

  switch(action.type) {

    case SOME_SUCCESS:
      let success_response = action.payload
      // some logic handling successful response
      // return modified state

    case SOME_FAILURE:
      let error_response = action.payload
      // some logic handling error message response
      // return modified state

    default:
      return state;
  }
}