Почему не работоает код React после некоторых изменению в сторону es6?

Question

[mishapsv]

Пробовал писать на Реакте по примерам здесь - работало.

Сейчас попробовал переписать немного ближе к ES6 - не работает
Где я накосячил?

Answer 1

[Руслан Абдуллаев]

Должно быть как-то так
Основная проблема - getInitialState заменяется на коструктор и в ES6-синтаксисе нет автобайндинга, поэтому либо использовать .bind(this), либо стрелочные функции:

handleChange = (e) => {
    this.setState({val: e.target.value});
  }

  tick = () => {
    this.setState({
      first: new Date() - this.state.start
    });
  }

Comments

[7rulnik]

Опередил :)

[7rulnik]

Руслан Абдуллаев кстати, биндинг можно вынести в конструктор. this.tick = this.tick.bind(this);

[Руслан Абдуллаев]

7rulnik, да так обычно и делают

Answer 2

[7rulnik]

Дополнил ответ Руслан Абдуллаев
тыц