Redux-thunk ne distribuant pas d'actions

Question

J'ai une paire d'actions Redux que je veux distribuer lorsqu'un bouton est enfoncé. L'un d'entre eux devrait prendre une liste de services et d'effectuer une logique de réducteur sur elle, et l'autre devrait simplement déclencher une certaine logique dans le réducteur:

function retrieveServices(services) { 
    return { 
     type: RETRIEVE_SERVICES, 
     services, 
    }; 
} 

function toggleSubmitState() { 
    return { 
     type: TOGGLE_SUBMIT_STATE, 
    }; 
} 

je l'action suivante que je supposais ferait l'affaire:

export function submitGameplan(services) { 
    return (dispatch => { 
     dispatch(toggleSubmitState()); 
     dispatch(retrieveServices(services)); 
    }; 
} 

Voilà comment je l'appelle dans mon élément:

const { submitter, dispatch, services } = this.props; 

    const submitWithServices =() => { 
     dispatch(submitter(services)); 
    }; 

    return (
     <div> 

     <button onClick={submitWithServices}> 
      <div>Submit</div> 
     </button> 

     </div> 
    ); 

où l'action submitter étant transmis est submitGameplan.

Bien que redux-thunk semble prendre l'action et la déclencher (je reçois la sortie console.log), il ne répartit pas les actions.

Mis à part le (probable) possibilité que je suis mal appeler la fonction dans mon action, peut-être il y a un certain problème avec le fait que je l'ai fait dans mon principal composant de niveau App:

const boundActions = bindActionCreators(actions, dispatch); 

et puis passé toutes les actions comme boundActions, donc ie mon composant obtiendrait boundActions.submitGameplan.

Cependant, je ne suis pas certain que cette action ne puisse envoyer aucune des deux actions écrites.

Answer 1

Il s'avère que cela a fonctionné après une recompilation, aucune idée pourquoi cela ne fonctionnait pas auparavant.