箭头体周围的意外块语句

Question

我正在使用"eslint-config-airbnb": "^6.1.0",来保持我的JavaScript干净。

我的linter对看起来合法的代码不满意：

​

​

看起来这可能是一个ongoing issue。在此期间，有没有人对OCD开发人员有什么建议？可能会禁用此规则或其他？

Answer 1

单个表达式不需要block语句。

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

Answer 2

在Kevin answer上添加，该错误与您的eslint配置有关。也就是说，如果arrow-body-style选项设置为true，则OP是正确的。另一个示例如下所示：

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

如果没有arrow-body-style选项，则根据凯文回答，不需要块语句( { return ...} )。

这实际上打开了一个新的问题，即哪种风格更合适。

有关更多参考信息，请访问：http://eslint.org/docs/rules/arrow-body-style

Answer 3

如果你真的不想在块语句中包装箭头函数，那么你可以关闭它。

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