Nebenwirkungen in Redux Reducer

Question

Redux Reducer sollte ohne Nebenwirkungen sein. Was aber, wenn eine Aktion den Download einer Datei im Browser auslöst, deren Inhalt vom Zustand des Geschäfts abhängt? Sicher sollte das als Nebeneffekt gelten? Wäre etwas wie das Folgende in Ordnung oder sollte ich nach alternativen Methoden suchen?

case 'SAVE_GRID': { 
    const { json } = state 
    fileDownload(json, 'data.json', 'application/json') 
    return state 
} 

Answer 1

Es sei denn, Sie sehr komplexe Zustandsübergänge haben, die tatsächliche fileDownload in einem Action-Schöpfer geschehen soll, nicht in der Reduzierer. Der Reduzierer sollte für das Zusammenführen/Reduzieren des Zustands verantwortlich sein und das ist alles.

Aktion:

export const saveGrid = (json) => { 
    return (dispatch) => { 
     fileDownload(json, 'data.json', 'application/json') 
      .then(() => { 
       dispatch({ type: 'SAVE_GRID', json }); 
      }); 
    } 
} 

Minderer:

case 'SAVE_GRID': { 
    return { 
     ...state, 
     json: action.json 
    } 
} 

Answer 2

Es gibt Bibliotheken, um solche "Seiten" -Effekte zu behandeln.

Zum Beispiel:

• redux-Observablen: sie verwenden RX Observablen unter der Haube.

https://redux-observable.js.org/docs/basics/Epics.html

• redux-Saga

https://redux-saga.js.org/