Instruction de bloc inattendue entourant le corps de la flèche

J’utilise "eslint-config-airbnb": "^6.1.0", pour garder mon JavaScript propre.

Mon frère est mécontent de ce qui semble être un code légitime:

entrer la description de l'image ici

Il semble que cela puisse être un problème récurrent . Quelqu’un at-il des suggestions pour un développeur OCD sur la façon de résoudre ce problème dans l’intervalle? Peut-être désactiver cette règle ou autrement?

L’instruction de bloc n’est pas nécessaire pour une seule expression.

 this.state.todos.filter(filterTodo => filterTodo !== todo); 

Pour append Kevin, l’erreur est liée à votre configuration eslint. Ceci dit, si l’option arrow-body-style est définie sur true, OP est correct. Un autre exemple serait quelque chose comme ceci:

  return this.state.greetings.map((name) => { return ; }); 

Sans l’option arrow-body-style , l’instruction de blocage ( { return ...} ) n’est pas nécessaire selon la réponse de Kevin.

Cela ouvre en réalité une nouvelle question sur le style le plus approprié.

Pour d’autres références: http://eslint.org/docs/rules/arrow-body-style