React: стрелочная функция в классе, что не нравится линтеру?

Question

[Abr_ya]

Использую класс для получения данных по АПИ, в остальном стараюсь писать всё на функциях.
В классе немного обрабатываю данные, перед тем, как вернуть на отображение.

Вот пример обработки:

transformPerson = (person) => {
    return {
      id: this.getId(person),
      name: person.name,
      gender: person.gender,
      birthYear: person.birthYear,
      eyeColor: person.eyeColor,
    };
  }

ESLint подчеркивает знак присваивания и во всплывающем окошке пишет "Unexpected token" (без номера ошибки). Что ему не нравится и как это можно исправить?


UPD:
По совокупности ответов вопрос решен следующим образом:
1) установлен парсер babel-eslint:
npm i -D babel-eslint
2) добавлен к конфиг линтера .eslintrc.json:
parser: 'babel-eslint'

Comments

[Andrew]

Если навести на "равно" ничего не всплывает?
transformPerson где-то раньше обьявлено?

Answer 1

[abberati]

Этот синтаксис (class properties или как-то так это называется) пока не входит в стандарт, поэтому интерпретатор падает на этой строчке. Нужно настроить еслинт, чтобы он мог обрабатывать такой синтаксис. Гуглить class properties eslint setup.

Comments

[Abr_ya]

А как записать так, чтобы все было по стандарту? Или стрелочные функции в классах пока нельзя?

[y0u]

Abr_ya,

А как записать так, чтобы все было по стандарту?

Гуглить class properties eslint setup.

Или стрелочные функции в классах пока нельзя?

Этот синтаксис (class properties или как-то так это называется) пока не входит в стандарт

[abberati]

Abr_ya, через неделю или около того оно окажется в стандарте. Потом и еслинт подтянется. Настрой его сейчас, а когда он обновится, сможешь просто строчку из конфига удалить