ESLint in classe con la freccia di grasso utilizzando le regole di Airbnb

Question

il seguente codice trova in una classe che estende React.Component

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

Tuttavia ESLint con le regole Airbnb cattura questo e lancia il seguente errore: error Parsing error: Unexpected token =

lo farei piace mantenere questa sintassi in quanto mi permette di evitare il binding this nel costruttore.

Answer 1

Ho lottato con questo problema per un po '. Ho trovato che questa configurazione di .eslintrc funziona per il tuo problema.

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

Funziona bene con Sublime Text 3 con SublimeLinter-contrib-eslint.

Nota che è necessario npm install -g eslint babel-eslint

messo .eslintrc in ~/ per configurazione globale, ha messo .eslintrc nella cartella app per sovrascrivere configurazione globale.

Si noti inoltre che: operazione assegnazione all'interno classe non è parte di ES6, vedere questo link per la discussione

Answer 2

È necessario specificare le opzioni della lingua. Per riferimento: http://eslint.org/docs/user-guide/configuring#specifying-language-options

È possibile eseguire questa operazione con un singolo comando anche all'interno del file .eslintrc.

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