Где инициализировать состояние React компонента?

Question

[heIIfire]

Ну в смысле какая разница между этими вариантами

class C extends ReactComponent{
    constructor(props){
        super(props);
        this.state = {
            isAnimal: true
        }
    }
    render(......)
}

class C extends ReactComponent{
    state = {
        isAnimal: true
    }
    render(........)
}

Answer 1

[RubaXa]

В первом у вас есть доступ к `props` и `context` (аргументам конструктора).
Второй, пока нестандартизированный «сахар» к первому, но без `props` и `context`.

Comments

[Mikhail Osher]

Во втором тоже есть доступ к props. Посмотрите, как плагин трансформа работает.

[RubaXa]

Ноу, только к свойствам и методам.

Answer 2

[Mikhail Osher]

Второй вариант не будет работать без babel-plugin-transform-class-properties.

Comments

[heIIfire]

а почему без этого не работает? ведь все правильно же. Задано как свойство!

[Aves]

heIIfire, https://kangax.github.io/compat-table/esnext/#test...