reactjs - eslintrc - webpack eslint

Declaración de bloque inesperado que rodea el cuerpo de la flecha

Question

Estoy usando "eslint-config-airbnb": "^6.1.0", para mantener limpio mi JavaScript.

Mi linter no está contento con lo que parece ser un código legítimo:

Parece que esto podría ser un problema continuo . ¿Alguien tiene alguna sugerencia para un desarrollador de OCD sobre cómo abordar esto mientras tanto? Tal vez deshabilitar esta regla o de otra manera?

Answer 1

La declaración de bloque no es necesaria para una sola expresión.

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

Answer 2

Para agregar la respuesta de Kevin, el error está relacionado con su configuración de eslint. Dicho esto, si la opción de arrow-body-style se establece en verdadero, OP es correcto. Otro ejemplo sería algo como esto:

    return this.state.greetings.map((name) => {
        return <HelloWorld key={name} name={name} />;
    });

Sin la opción de arrow-body-style , la declaración de bloque ( { return ...} ) no es necesaria según la respuesta de Kevin.

Esto realmente abre una nueva pregunta sobre qué estilo es más apropiado.

Para más referencias: http://eslint.org/docs/rules/arrow-body-style

Answer 3

Si realmente no desea ajustar la función de flecha dentro de la instrucción de bloque, puede desactivarla.

module.exports = {
  extends: "airbnb-base",
  rules: {
    "arrow-body-style": 0
  },
  "env": {
    "jest": true
  }
};