React - Redux répartit une action en fonction de l'état de l'interface utilisateur

Question

Dans mon état Réducteur de composant Réaction, j'ai une propriété selectedTabIndex, spécifiant quel onglet est actuellement actif dans mon interface utilisateur. Dans mon action Redux, je souhaite effectuer un appel AJAX basé sur l'index de tabulation sélectionné.

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

Quelle est la meilleure pratique de partager l'information avec le ReduxActionsBase sans prendre une décision anti-modèle?

Answer 1

Je suggère d'utiliser redux-thunk. redux-thunk vous permet d'envoyer des actions conditionnelles et asynchrones et vous aurez accès à l'état Redux dans votre créateur d'actions. Créateur d'action dans votre cas serait quelque chose comme ça

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

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