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
    }
}