React Redux应用程序中的常见错误处理

时间:2017-11-05 06:36:43

标签: reactjs redux react-redux redux-thunk

我的应用程序一次从不同的操作进行多个api调用。假设4/12操作给出错误响应,Store需要更新所有错误消息(4个错误消息的数组)。最后我需要显示所有4个错误 标题弹出窗口。我听说过redux catch。任何人都可以用示例代码解释。

1 个答案:

答案 0 :(得分:2)

如果您使用的是中间件,

import { createStore, applyMiddleware } from 'redux';

import reduxCatch from 'redux-catch';

import reducer from './reducer';

function errorHandler(error, getState, lastAction, dispatch) {
  console.error(error);
  console.debug('current state', getState());
  console.debug('last action was', lastAction);
  // optionally dispatch an action due to the error using the dispatch parameter
}

const store = createStore(reducer, applyMiddleware(
  reduxCatch(errorHandler)
));

请参阅Redux-catch上的详细文档。

另外,请检查以下问题:

redux-promise with Axios, and how do deal with errors?

Best practice to handle errors in Redux and React