zulassen Minderer Zugang zu Staat haben

Question

Ich habe ein Reduktionsmittel, die für die Anzeige des nächsten und vorherigen Element die aktuell sichtbaren Element aus einer Liste von einer Art, mit einem Fall hält:

export function currentIndex(state = null, action) { 
    switch (action.type) { 
    case types.INCREMENT: 
     return state + 1 
    case types.DECREMENT: 
     return state - 1; 
    } 
} 

Ich habe auch eine random Zustand, der anfänglich falsch ist, aber wenn er auf "Wahr" gesetzt ist, möchte ich, dass der currentListItem Reduzierer in der Lage ist, dies zu berücksichtigen und stattdessen eine Zufallszahl auszugeben.

Welches ist die idiomatische Methode, dies bei Redux zu tun?

Answer 1

Die idiomatische Lösung ist, Ihre Reducer-Logik in ein Thunk mit einem Middleware-Paket wie redux-thunk (oder ähnlich) zu übertragen.

Damit können Sie spezielle Arten von actions als Funktionen behandeln, was bedeutet, dass Sie eine einfache Aktion mit spezifischer aktionsbezogener Logik erweitern können. Das Beispiel, das Sie angeben, um auf den Zustand zugreifen zu können, um die Aktionslogik bedingt zu bestimmen, ist ein ausgezeichneter Anwendungsfall für redux-thunk.

Unten ist ein Beispiel, wie Sie die Logik aus Ihrem Reducer in einen Thunk ziehen können. Sie sollten beachten, dass Thunks im Gegensatz zu Reduzierern explizit den Abrufstatus unterstützen und nachfolgende Aktionen über die Funktionen getState und dispatch versenden.

Thunk Beispiel

export const increment=() => { 
    return (dispatch, getState) => { 
    const state = getState() 
    const delta = (state.random) ? getRandomNumber() : 1 
    dispatch({ 
     type: INCREMENT, 
     delta 
    }) 
    } 
} 

export function currentIndex(state = null, action) { 
    switch (action.type) { 
    case types.INCREMENT: 
     return state + action.delta 
    } 
}