ESLint在课堂上使用airbnb规则的胖箭头

Question

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

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

但是，使用airbnb规则的ESLint会捕获此信息并引发以下错误： error Parsing error: Unexpected token =

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

Answer 1

我在这个问题上挣扎了很长一段时间。 我发现.eslintrc这种配置适用于您的问题。

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

它与Sublime Text 3和SublimeLinter-contrib-eslint很好地配合使用。

请注意，您需要npm install -g eslint babel-eslint

将.eslintrc放在~/ for global config中，将.eslintrc放在app文件夹中覆盖全局配置。

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

Answer 2

您需要指定语言选项。 对于参考： http ： //eslint.org/docs/user-guide/configuring#specifying-language-options

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

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