调用函数并在函数内部使用Redux Thunk调度操作

时间:2017-01-25 13:17:39

标签: javascript reactjs redux react-redux redux-thunk

我有两个功能: 一个人调用第二个函数并发出一个动作:

export function fetchAppClasses() {
  return function (dispatch) {    
    return axios.get(config.apiUrl + '/sdwan/appClasses', axcfg)
      .then(function (response) {
        updateAfterInitialFetch(response);
        dispatch(fetchAppClassesSuccess(response));
      })
  }
}

上述函数中调用的第二个函数:

export function updateSelectionAppClassIds(appClasses) {
   // do some stuff
}

但是当我这样做(调用一个函数并发出一个动作)时,浏览器会给我这个错误:

  

错误:ReferenceError:未定义调度

如果我从第一个函数中删除函数updateSelectionAppClassIds调用,只是让调度没有给我那个错误。

如何在与Thunk相同的函数中调用任何函数以及调度和操作?

这是我的配置商店:

import {createStore, compose, applyMiddleware} from 'redux';
import reduxImmutableStateInvariant from 'redux-immutable-state-invariant';
import rootReducer from '../reducers';
import thunk from 'redux-thunk';

export default function configureStore(initialState) {
  const middlewares = [
    // Add other middleware on this line...
    reduxImmutableStateInvariant(),
    thunk  
  ];

  return createStore(rootReducer, initialState,
    applyMiddleware(...middlewares)    
  );
}

除了在thunk函数中调度之外我什么都不做,如果我做了其他任何事情就会给我一个错误。

0 个答案:

没有答案