使用airbnb规则在课堂上使用粗箭头进行ESLint答案

【问题标题】：ESLint in class with fat arrow using airbnb rules使用airbnb规则在课堂上使用粗箭头进行ESLint
【发布时间】：2016-04-30 05:14:02
【问题描述】：

以下代码位于扩展React.Component的类中

  nextState = () => {
    this.setState({
      state : this.state.state + 1
    });
  };

然而，带有 airbnb 规则的 ESLint 捕捉到了这一点并抛出了以下错误： error Parsing error: Unexpected token =

我想保留这种语法，因为它允许我避免在构造函数中绑定this。

【问题讨论】：

【解决方案1】：

我为这个问题苦苦挣扎了很长一段时间。我发现.eslintrc 的这种配置可以解决您的问题。

{
  "extends": "airbnb",
  "parser": "babel-eslint"
}

它与带有 SublimeLinter-contrib-eslint 的 Sublime Text 3 配合得很好。

注意需要npm install -g eslint babel-eslint

将.eslintrc 放入~/ 用于全局配置，将.eslintrc 放入应用文件夹以覆盖全局配置。

还要注意：类内的赋值操作不是 es6 的一部分，请参阅link 进行讨论

【讨论】：

【解决方案2】：

您也可以在 .eslintrc 文件中使用单个命令来执行此操作。

{
    "env": {
        "es6": true,
        "node": true
    }
}

【讨论】：