axios.then (res => {console.log (this)}) печатает неопределенное

Question

Я пытаюсь установить состояние после вызовов Axios. Внутри предложения затем я пытался установить состояние с помощью this.setState({...}), но здесь это не определено.

Почему console.log(this) печатает 'undefined' в консоли?

  clickButton() {
    let data = {
      username : document.querySelector('#email').value,
      password : document.querySelector('#password').value
    };

    axios.post('http://127.0.0.1:8000/api/login_check', data, {
      headers: {
        'Content-Type' : 'application/json',
      }
    })
    .then(res => {
      console.log(this)
    })
  }

Answer 1

Наиболее очевидная причина заключается в том, что, поскольку ваша функция clickButton не является функцией стрелки, вы, должно быть, забыли связать свою функцию в конструкторе. Кроме того, переключите clickButton на функцию стрелки, и все будет в порядке.

Answer 2

Попробуйте следующий код, чтобы связать это с функцией нажатия кнопки

clickButton = () => { .... }