我如何添加一个Firebase侦听器，该侦听器将等到Firebase身份验证加载完毕？

Question

addEventListener('DOMContentLoaded', ()=>{
    if(firebase.auth().currentUser == null)
        document.getElementById("loggedOut").hidden = false;

    else
        document.getElementById("loggedIn").hidden = false;    
});

它会再次加载firebase auth数据库，因此当我运行此代码时，它将始终说firebase.auth().currentUser == null是真实的。 即使我按下按钮来打印firebase.auth().currentUser，它也会给我真正的答案。

Answer 1

如documentation中所述，您应该使用auth状态侦听器在已知当前用户时获取回调：

firebase.auth().onAuthStateChanged(function(user) {
  if (user) {
    // User is signed in.
  } else {
    // User is signed out.
  }
});

firebase.auth().currentUser在第一次调用此回调之前是不准确的，因此您应依赖此回调来正确呈现UI。