ESLint в классе с жирной стрелкой с использованием правил airbnb

Следующий код, расположенный в классе, который расширяет React.Component

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

Однако ESLint с правилами airbnb ловит это и выдает следующую ошибку: error Parsing error: Unexpected token =

Я хотел бы сохранить этот синтаксис, поскольку он позволяет мне избежать привязки this в конструкторе.

Ответ 1

Я долгое время боролся с этой проблемой. Я обнаружил, что эта конфигурация .eslintrc работает для вашей проблемы.

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

Он отлично работает с Sublime Text 3 с SublimeLinter-contrib-eslint.

Обратите внимание, что вам нужно npm install -g eslint babel-eslint

поместите .eslintrc в ~/ для глобальной конфигурации, поместите .eslintrc в папку приложения, чтобы перезаписать глобальную конфигурацию.

также обратите внимание, что: Операция присваивания внутри класса не является частью es6, см. ссылку для обсуждения