Question

我正在使用React Native AsyncStorage getItem方法，但是警告我它返回了可能的未处理的Promise拒绝。这是我在做什么，我的代码有什么问题？

在App.js ComponentDidMount()

中

  componentDidMount() {
    ConnectyCube.init(...config);
    authInitialization = async () => {
      const locallyStoredPhoneNumber = await getStoredPhoneNumber();
      console.log(locallyStoredPhoneNumber);
      authorizeFirebase(this.getFirebaseAccessToken);
      this.props.authorizing(true);
    }
    authInitialization();
  }

然后在localStorage.js

export const getStoredPhoneNumber = () => {
  return new Promise((resolve, reject) => {
    AsyncStorage.getItem('@phone_number', (error, result) => {
      result ? resolve(result) : reject(error);
    })
  })
}

谢谢。

更新

我现在添加了错误处理：

export const getStoredPhoneNumber = () => {
  return new Promise((resolve, reject) => {
    AsyncStorage.getItem('@phone_number', (error, result) => {
      result ? resolve(result) : reject(error);
    })
  }).catch(error => console.error(error))
}

似乎可以正常工作-这是我依赖AsyncStorage调用结果的额外逻辑：

  componentDidMount() {
    ConnectyCube.init(...config);
    authInitialization = async () => {
      const locallyStoredPhoneNumber = await getStoredPhoneNumber();
      locallyStoredPhoneNumber !== undefined
        ? authorizeFirebase(this.getFirebaseAccessToken) && this.props.authorizing(true)
        : this.setState({ newUser: true })
    }
    authInitialization();
  }

Answer 1

似乎应该可以工作：

async componentDidMount() {
    ConnectyCube.init(...config);
    try {
        const locallyStoredPhoneNumber = await AsyncStorage.getItem('@phone_number');
        locallyStoredPhoneNumber !== undefined
        ? authorizeFirebase(this.getFirebaseAccessToken) && this.props.authorizing(true)
        : this.setState({ newUser: true })
    } catch (e){
        // handle error
    }

  }

Answer 2

您需要“捕获”可能引发的任何错误并进行处理（否则React会抱怨）：

  componentDidMount() {
    authInitialization = async () => {
      try {
         const locallyStoredPhoneNumber = await getStoredPhoneNumber();
         ...
      } catch (e) { console.log(e) //handle error }
    }
    authInitialization();
  }

Answer 3

处理承诺拒绝的一种方法是在返回您的承诺的地方使用try...catch块。

 try{
       const locallyStoredPhoneNumber = await getStoredPhoneNumber();
    } catch(error){
      //Error handling code here
    }

可能的未处理的承诺拒绝（id：0）反应本机AsyncStorage

更新

3 个答案: