首页 文章

undefined不是一个对象（评估Promise .then）

提问于
浏览 次
1

我在开发反应原生移动应用程序时遇到此错误 .

fetchDB 函数将返回一个promise

fetchDB(key) {
    try {
      AsyncStorage.getItem(key, result => {
        return result;
      });
    } catch (error) {
      console.log(error);
    }
  }
}

使用 .then() 从返回的promise中获取值

getUserName = () => {
    var user = Storage.fetchDB("username");
    user.then(res => {
      alert(res);
    });
  };

它渲染红屏有错误

undefined不是对象

javascript react-native ecmascript-6 promise es6-promise

1 回答

  • 1

    1) 您需要显式返回promise函数 . 可以在catch回调中处理失败情况：

    fetchDB(key) {
 return AsyncStorage.getItem(key).catch(error => console.log(error));
}

fetchDB("username").then(res => alert(res));

    2) Point（1）仅在 AsyncStorage.getItem 真正返回promise时有效 . 如果不是这样，那么您需要将 AsyncStorage.getItem 方法更新为基于承诺 . 如果您无法访问该方法或不想触摸它，也可以通过以下方式更新 fetchDB 函数来解决问题：

    fetchDB(key) {
  return new Promise((resolve, reject) => {
    try {
      AsyncStorage.getItem(key, resolve);
    } 
    catch (error) {
      reject(error);
    }
  })
}

fetchDB("username")
  .then(res => alert(res))
  .catch(error => console.log(error));

    3) 我甚至会说因为es6 Promises性质你不需要try-catch：

    fetchDB(key) {
  return new Promise((resolve, reject) =>
    AsyncStorage.getItem(key, resolve)
  )
}

fetchDB("username")
  .then(res => alert(res))
  .catch(error => console.log(error));

    最后 .catch 处理从 fetchDB Promise抛出的任何错误 .

    回复于

相关问题