为什么 axios return 在 reactjs 中承诺错误

Question

我每次点击登录按钮都会出错

TypeError: Cannot read property 'then' of undefined

，但重新加载后错误消失了。我能知道发生了什么事吗？这是我的登录代码

onSignIn(e){
    e.preventDefault()

    this.Auth.login(this.state.signInUsername, this.state.signInPassword)
      .then(res => {
        this.props.history.replace('/')
      })
      .catch(err => {
        alert(err)
      })
  }

这是我的授权码：

login(username, password){
    axios.post('http://localhost:3000/user/login', {
      username,
      password
    })
    .then(this._checkStatus)
    .then(res => {
      if(res.data.success === true){
        const payload = {
          name: username,
        }
        this.setToken(payload)
        return Promise.resolve(res)
      }else{
        console.log(res.data.message)
      }
    })
    .catch(err => {
      return Promise.reject(err)
    })
  }

Answer 1

return 来自登录功能的 axios。

login(username, password){
    return axios.post('http://localhost:3000/user/login', {
      username,
      password
    })
    .then(this._checkStatus)
    .then(res => {
      if(res.data.success === true){
        const payload = {
          name: username,
        }
        this.setToken(payload)
        return res;
      }else{
        console.log(res.data.message)
      }
    })
    .catch(err => {
      throw err;
    })
  }

Answer 2

我相信你有 -two- ".then" 作为你在 axios 网站上提供的 axios.post.The 例子使用

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

只有一个 .then 每次 axios 调用。

为什么 axios return 在 reactjs 中承诺错误

why axios return promise error in reactjs

reactjs

function

promise

axios

request-promise