React - Redux는 UI 상태를 기반으로 작업을 디스패치합니다.

Question

내 React 구성 요소 감속기 상태에는 selectedTabIndex 속성이있어서 현재 UI에서 활성화되어있는 탭을 지정합니다.

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

내 Redux 액션에서 선택한 탭 인덱스를 기반으로 AJAX 호출을 만들고 싶습니다.

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

반 패턴 결정없이 정보를 ReduxActionsBase와 공유하는 가장 좋은 방법은 무엇입니까?

Answer 1

redux-thunk을 사용하는 것이 좋습니다. redux-thunk을 사용하면 조건부 및 비동기 작업을 전달할 수 있으며 작업 작성자 내에서 Redux 상태에 액세스 할 수 있습니다. 귀하의 경우 액션 작성자는 다음과 같습니다.

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

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