ESLint ES6 et Redux Airbnb Async action instruction de bloc inattendue corps flèche entourant

Question

Qu'est-ce que je fais mal? J'ai comme trois autres actions async qui ont le même problème et ne peut pas y remédier :(

Answer 1

Lorsque vous jetez un oeil à la Arrow Function Documentation

(param1, param2, …, paramN) => expression 
// equivalent to: => { return expression; } 

la « déclaration de bloc inattendue entourant le corps de flèche » juste moyen que vous n'avez pas besoin d'un bloc { return expression; } pour votre fonction de flèche ici, comme la fonction de flèche ne retourne par défaut.

const getOptions =() => (dispatch, getState) => {} 

est équivalent à

const getOptions =() => { return (dispatch, getState) => {} } 

et donc l'instruction de bloc est inutile

Answer 2

Non recommandé:
Vous pouvez toujours désactiver la règle arrow-body-style ou configurer d'une manière qu'il ne donne pas de telles erreurs.

Recommandé:

const getOptions =() => (dispatch, getState) => { 
    const {user} = getState(); 
    //rest of the code 
} 

Cela signifie que nous ne devons écrire { return chose quand nous ne revenions w/o faire autre chose