在 Firebase Firestore React 中添加数据

Question

我有singUp 功能。我在身份验证部分成功创建了一个新用户。之后我什至可以得到他的uid。但我不知道为什么在集合user 函数中设置一个新文档不起作用。就像它永远不会开始一样。即使.then() 或.catch() 方法也不会显示它们的console.log()。我在另一个项目中使用几乎相同的代码，一切都很好。

export const signUp = (newUser) => {
    return (dispatch, getState) => {

        firebase.firestore().collection('users').where('nick', '==', newUser.nick).get()
            .then(snapshot => {
                if (snapshot.empty) {
                    firebase.auth().createUserWithEmailAndPassword(
                        newUser.email,
                        newUser.password
                    ).then((resp) => {
                        console.log(resp)
                        console.log(resp.user.uid)

                        firebase.firestore().collection("users").doc(resp.user.uid).set({
                            name: newUser.name,
                            age: newUser.age
                        }).then(function () {
                            console.log("Document successfully written!");
                        }).catch(function (error) {
                            console.error("Error writing document: ", error);
                        });

                    }).then(() => {
                        dispatch({ type: "SIGNUP_SUCCESS" });
                    }).catch((err) => {
                        console.log(err)
                        let error;
                        if (err.code === 'auth/email-already-in-use')
                            error = 'Adres e-mail jest już w użyciu!'
                        dispatch({ type: "SIGNUP_ERROR", error })
                    })
                } else {
                    let error = 'Ten nick jest już zajęty!'
                    dispatch({ type: "SIGNUP_ERROR", error })
                }
            })

    }
}

还有我的控制台：

Answer 1

您需要通过设置用户的集合返回promise，如下所示：

export const signUp = (newUser) => {
    return (dispatch, getState) => {

        firebase.firestore().collection('users').where('nick', '==', newUser.nick).get()
            .then(snapshot => {
                if (snapshot.empty) {
                    firebase.auth().createUserWithEmailAndPassword(
                        newUser.email,
                        newUser.password
                    ).then((resp) => {
                        console.log(resp)
                        console.log(resp.user.uid)

                        // ******* add the return statement here *******
                        return firebase.firestore().collection("users").doc(resp.user.uid).set({
                            name: newUser.name,
                            age: newUser.age
                        }).then(function () {
                            console.log("Document successfully written!");
                        }).catch(function (error) {
                            console.error("Error writing document: ", error);
                        });

                    }).then(() => {
                        dispatch({ type: "SIGNUP_SUCCESS" });
                    }).catch((err) => {
                        console.log(err)
                        let error;
                        if (err.code === 'auth/email-already-in-use')
                            error = 'Adres e-mail jest już w użyciu!'
                        dispatch({ type: "SIGNUP_ERROR", error })
                    })
                } else {
                    let error = 'Ten nick jest już zajęty!'
                    dispatch({ type: "SIGNUP_ERROR", error })
                }
            })

    }
}