Häufige Fehlerbehandlung in React Redux-Anwendung

Question

Meine Anwendung führt mehrere API-Aufrufe gleichzeitig aus verschiedenen Aktionen aus. Nehmen wir an, 4/12-Aktionen geben eine Fehlerreaktion, Store muss ein Update mit allen Fehlermeldungen erhalten (Ein Array von 4 Fehlermeldungen). Schließlich muss ich alle 4 Fehler Popups am Header anzeigen. Ich habe von Redux gehört. Kann jemand mit Beispielcode erklären.

Answer 1

Wenn Sie Middleware verwenden,

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) 
)); 

Detaillierte doc auf Redux-catch.

Überprüfen Sie auch diese Fragen:

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

Best practice to handle errors in Redux and React