Как сделать что бы такая конструкция работотала (как активировать ES8)?

Question

[webe]

state = {}

что это такое вообще и как сделать что бы это работало?
как я понял это es8
ведь всегда исопльзовали this.state , почему теперь без this

Answer 1

[Insolation]

Антон Спирин Цитурую

это короткий вариант записи, который можно использовать только с babel. Конкретно плагин transform-class-properties. Он входит в прессеты stage-2, stage-1, stage-0. Так, что если используете один из них смело используйте.
Запись:

class Parent extends Component {
  constructor(props) {
    super(props);

    this.state = {
      data: []
    };

    this.handler = this.handler.bind(this);
  }

  handler(e) {
    // do something
  }
}

Аналогична:

class Parent extends Component {
  state = {
    data: [],
  };

  handler = e => {
    // do something
  };
}

В React разработке это один стандартов.

Comments

[webe]

Insolation А вы не могли бы подсказать по поводу пакетов, а то запутался?
я себе установил stage-2 , это значит что он скорей всего войдет в стандарт.
После того как войдет в стандарт я могу уже не устанавливать себе :
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",

А тупо исопльзовать babel-env , т.е. все эти stage-2 плюс плагины , это как временное решение?

[Антон Спирин]

webe, все эти вещи, думаю, получат широкую поддержку еще не скоро, а что-то может и не войти в спецификацию. Используйте babel-preset-env, babel-preset-react, babel-preset-stage-0

[Иван]

Антон Спирин, учусь по вашим ответам,вам надо курсы свои вести :D