为什么使用成功承诺调用 catch？

Question

我可能会发生奇怪的事情，我向端点“/Login”发送了一个请求，它给了我很好的响应！

我做我的事，但出于某种原因，我看到一条警告说，

未处理的 Promise Rejection / typeError: undefined is not an object （评估'error.response.data'）

如果有人对此有解释？

代码sn-p

signIn = data => {
    this.setState({loading: true});
    API.post('/login', data)
      .then(response => {
        let {
          data: {
            data: {
              response: {token},
            },
          },
        } = response;
        this.setState({loading: false});
        reactotron.log('response', response);
        reactotron.log(token);
        deviceStorage.saveKey('id_token', token);
      })
      .catch(error => {
        alert('catched!!'); // it's appear :)
        this.setState({error: error.response.data, loading: false});
        reactotron.error(error.response.data);
      });
  };

= 这个函数出错了~_~！

为什么给我一个错误？

_deviceStorage.default.saveKey is not a function

import { AsyncStorage } from '@react-native-community/async-storage';
import reactotron from 'reactotron-react-native';

const deviceStorage = {
  // our AsyncStorage functions will go here :)
  saveItem= async(key, value)=>{
    try {
      await AsyncStorage.setItem(key, value);
    } catch (error) {
      reactotron.log('AsyncStorage Error: ' + error.message);
    }
  }
};

export default deviceStorage;

Answer 1

error 是错误消息（拒绝消息）的字符串表示形式。但是当你说error.response.data时，你把它当作一个对象来对待

  .catch(error => {
    alert('catched!!'); // it's appear :)
    this.setState({error: error, loading: false});
    reactotron.error(error.response.data);
  });

Answer 2

如果在 then 块中遇到错误，则可以调用 catch。检查您的 then 块是否有任何可能的错误。这可能是即使在 promise 返回成功时也会调用 catch 的原因。

const promise1 = new Promise(function(resolve, reject) {
  resolve("resp");
});

promise1.then(function(resp) {
  console.log(resp);
  throw 'error'
}).catch(function(error) {
  console.error(error);
});