React - Redux sendet eine Aktion basierend auf dem UI-Status

Question

In meinem React Component Reducer-Zustand habe ich eine selectedTabIndex -Eigenschaft, die angibt, welche Registerkarte in meiner UI gerade aktiv ist.

const deviceRankReducer = (state = { 
    selectedIndex:1 
},action) ={ 
    //... 
} 

In meiner Redux-Aktion möchte ich einen AJAX-Aufruf basierend auf dem ausgewählten Registerindex vornehmen.

class MyActions extends ReduxActionsBase { 
    sendRequest(){ 
      if(state.selectedIndex === 0){ 
      //make call to resource A 
      }else{ 
      //make call to resource B 
      } 
    } 
} 

Was ist die beste Praxis der Informationen mit dem ReduxActionsBase geben, ohne dass eine anti-Muster Entscheidungsfindung?

Answer 1

Ich würde vorschlagen, redux-thunk zu verwenden. redux-thunk ermöglicht Ihnen das Senden von bedingten und asynchronen Aktionen und Sie haben Zugriff auf den Redux-Status in Ihrem Aktionsersteller. Aktion Schöpfer in Ihrem Fall wäre so etwas

function makeRequest() { 
    return (dispatch, getState) => { 
    const { selectedIndex } = getState(); 

    if(state.selectedIndex === 0){ 
     //make call to resource A 
    }else{ 
     //make call to resource B 
    } 
    }; 
}