Поведение свойства Weird class

Question

Я использую React и наткнулся на что-то странное.

Это не сработало, так что я должен был изменить значение componentDidMount, и она работала:

class C extends React.Component { 

    componentDidMount =() => this.animate(); // Lambda is required? 

    animate =() => ... 

} 

Кто-нибудь есть хорошее объяснение, почему это необходимо?

Answer 1

Если вы пишете

class C extends React.Component { 
    componentDidMount = this.animate; // <--- 
    animate =() => ... 
} 

Затем componentDidMount устанавливается в undefined, потому что animate не установлен в то время.

С componentDidMount =() => this.animate();this.animate(); разрешается при каждом вызове componentDidMount, поэтому для вас это работает.

Если вы пишете это таким образом:

class C extends React.Component { 
    animate =() => ... 
    componentDidMount = this.animate; // <--- 
} 

Тогда componentDidMount будет ссылаться на функцию, которую вы назначенную animate раньше.

Но если вы хотите, чтобы определить методы класса вы должны проверить ответ baao, потому что тогда вы не должны использовать назначение, но определение метода animate() {}

Answer 2

Вы должны определить метод анимировать как метод класса, а не как функция стрелки.

class C extends React.Component { 
    componentDidMount = this.animate; 
    animate() {} 
}