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
    }
  };
}