Почему только ES6 формы setTimeout видят реквизиты React?

Question

Когда я пытаюсь вызвать создателя action, как это, он терпит неудачу, потому что this.props не определен.

setTimeout(function(){ 
    birthday = window.document.getElementById('birthday') 
    this.props.actions.setBirthday(birthday.value) 
    }, 100); 

Но когда я использую такую ​​версию ES6, реквизит доступен, и он работает.

setTimeout(() => { 
    birthday = window.document.getElementById('birthday') 
    this.props.actions.setBirthday(birthday.value) 
    }, 100) 

Почему? Я продвинутый новичок и хотел бы это понять.

Answer 1

Это потому, что функции стрелок имеют фиксированный контекст, то же, что и родительская функция. Однако в обычных функциях контекст может измениться.

Для получения дополнительной информации см. MDN docs.