ESLint與使用脂肪箭頭的Airbnb規則

Question

位於一類下面的代碼擴展React.Component

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

然而ESLint與製作的Airbnb規則抓住這一點，並引發以下錯誤類： error Parsing error: Unexpected token =

我會喜歡保持這種語法，因爲它允許我避免在構造函數中綁定this。

Answer 1

我在這個問題上掙扎了很長一段時間。 我發現.eslintrc的這種配置適用於您的問題。

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

它與SublimeLinter-contrib-eslint中的Sublime Text 3很好地配合使用。

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

把.eslintrc在~/全球配置，把.eslintrc在app文件夾覆蓋全局配置。

也注意到：內部類賦值操作不ES6的一部分，看到這個link討論

Answer 2

您需要指定語言選項。對於裁判：http://eslint.org/docs/user-guide/configuring#specifying-language-options

您可以使用一個命令還您.eslintrc文件中做到這一點。

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