axios.then(res => { console.log(this) }) prints undefined

Question

我正在尝试在Axios呼叫后设置状态。在内部条款中，我一直在尝试使用this.setState({...})设置状态，但这在这里不确定。

为什么console.log(this)在控制台中打印"未定义"？

  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 =((=> {...}