Dispatch conditionnel en action Créateurs

Question

J'effectue une validation de base dans un créateur d'actions liées.

const mapDispatchToProps = { 
    onSomething: (props) => { 
     if (performValidation(props)) { 
      return { type: 'SOME_ACTION' }; 
     } 
    } 
}; 

Si la validation échoue et que je ne renvoie pas d'action à expédier, j'ai reçu l'erreur.

Les actions doivent être des objets simples. Utilisez un middleware personnalisé pour les actions asynchrones.

Est-ce normal? Je peux contourner le problème en utilisant un thunk, mais cela semble excessif pour la répartition conditionnelle non-asynchrone.

Answer 1

Non, les thunk sont la bonne approche ici. Lorsqu'un créateur d'action est lié, il est appelé et la sortie est transmise directement à dispatch. Mettre la logique conditionnelle dans un créateur d'action "simple" signifie qu'il peut retourner undefined, et ainsi faire dispatch(undefined). Par conséquent, si vous avez besoin d'un envoi conditionnel, n'utilisez pas un créateur d'action lié et gérez la logique conditionnelle dans le composant, ou envoyez un thunk et conservez la logique conditionnelle dans le thunk. Pour moi, c'est un bon cas d'utilisation pour un thunk.