React Native调用Firebase异步getJWToken返回undefined如何解决

• 你调用的auth.onAuthStateChanged是Firebase提供的状态订阅方法，不是异步Promise函数，它的返回值是取消订阅的函数，不是你回调里return的token值
• 原有getJWToken函数没有显式返回Promise，也没有在异步逻辑完成后resolve对应的值，所以await调用时只会拿到默认的undefined
• 你在回调嵌套里的return idToken只是返回给了getIdToken的then回调，根本没有传递到外层函数

首先修改AuthServices文件里的getJWToken实现，将订阅逻辑封装成标准Promise：

const getJWToken = async () => {
  return new Promise((resolve, reject) => {
    // 监听身份状态变更
    const unsubscribe = auth.onAuthStateChanged(user => {
      // 拿到结果后先取消订阅，避免内存泄漏
      unsubscribe()
      if (user) {
        user.getIdToken()
          .then(idToken => resolve(idToken))
          .catch(error => {
            console.log("Cannot get User Token: ", error)
            reject(error)
          })
      } else {
        // 无登录用户的情况可以按业务需求处理，这里直接reject或者resolve null
        reject(new Error("No authenticated user found"))
      }
    }, error => {
      // 监听本身出错的处理
      unsubscribe()
      console.log("Auth state change error: ", error)
      reject(error)
    })
  })
}
// 记得导出这个函数
export { getJWToken }

修改后原有App.tsx里的调用逻辑不需要改动，await Auth.getJWToken()就能正常拿到token值。

如果你的业务场景中调用这个方法时可以确定用户已经处于登录状态，也可以直接用auth.currentUser获取当前用户，不需要走订阅逻辑，写法更简单：

const getJWToken = async () => {
  const user = auth.currentUser
  if (!user) throw new Error("No authenticated user found")
  return user.getIdToken()
}

这种写法仅在用户已完成登录、身份状态稳定的场景下可用，如果是App刚启动阶段身份状态还未初始化完成，还是需要用前面的Promise包订阅的写法。

内容的提问来源于stack exchange，提问作者Jevon Cowell