使用 firebase 身份验证和 firestore 添加用户

Question

我正在尝试使用用户对 firebase 和 firestore 进行身份验证。当我点击 Save 时，SavePress 功能被激活。我第一次单击此按钮时，用户被添加到 firebase 身份验证，但用户等于 null。只有在第二次它的工作。 如果有人可以帮助我..

这是我的代码：

SavePress=async()=>{
      
    if(this.state.email==="" || this.state.password==="" || this.state.firstname==="" || this.state.lastname==="" || this.state.confirmpassword==="" || (this.state.status===""))
    {
      alert("All fields are required")
    }
    else{
            await firebase.auth().createUserWithEmailAndPassword(email,password)
            .then(
                firebase.auth().onAuthStateChanged(user=>
                {
                    console.log("user : ",user)
                    if(user!=null)
                    {
                        firebase.firestore().collection("Users").doc(firebase.auth().currentUser.uid)
                        .set({firstname,lastname,email,status})
                        .then(this.checkStatus(status,{user}))
                    }
                })
            )
            .catch((error)=>
            {
                console.log(error.code);//revoir cette erreur
                if(error.code == "auth/email-already-in-use")
                    {alert("User already exists. Try to log in")}
            })
}
}

Answer 1

当您登录 firebase 时，firebase auth 需要时间来更改 auth，因此，您在第一次按下时会得到一个空值。您需要使用侦听器来更改身份验证。

firebase.auth().onAuthStateChanged(user => {
   if(user){
    // add user to firestore database.   
   }
 })

Answer 2

除了 Aymen 的回答，您实际上不需要在 then() 回调中使用 onAuthStateChanged。由于在成功创建用户时会调用then() 回调，因此您可以这样做：

firebase.auth().createUserWithEmailAndPassword(email,password).then((credentials) => {
    const user = credentials.user;
    firebase.firestore().collection("Users").doc(firebase.auth().currentUser.uid)
    .set({firstname,lastname,email,status})
    .then(this.checkStatus(status,{user}))
).catch((error)=>{
    console.log(error.code);//revoir cette erreur
    if(error.code == "auth/email-already-in-use")
        {alert("User already exists. Try to log in")}
})