Wie sollte ich jeden Dispatch-Anruf bei einem Redux-Shop protokollieren?

Question

Ich möchte meine Redux-Anwendung debuggen, indem ich jede Aktion protokolliere, die an den Dispatcher in meiner Konsole gesendet wird.

Was wird allgemein als der beste Ansatz dafür angesehen?

Answer 1

Sie können eine einfache Protokollierung Middleware, wie das Beispiel in den redux middleware docs verwenden:

const logger = store => next => action => { 
    console.group(action.type) 
    console.info('dispatching', action) 
    let result = next(action) 
    console.log('next state', store.getState()) 
    console.groupEnd(action.type) 
    return result 
} 

Oder das redux-logger Modul verwenden, das ist im Grunde das Gleiche tut.