Firebase创建账号时无法获取UID，需生成用户与公司集合

问题根源 #

1. 代码未捕获createUserWithEmailAndPassword返回的UserCredential对象，用户UID就包含在该对象的user.uid属性中。
2. AuthContext缺少Firebase Auth状态监听，导致创建用户后user状态无法及时更新，直接读取会得到undefined。

修复步骤 #

1. 完善AuthContext，添加Auth状态监听 #

修改AuthContext代码，增加状态监听以同步用户信息：

export const AuthContextProvider = ({ children }) => {
    const [user, setUser] = useState(null)

    useEffect(() => {
        // 监听Auth状态变化，自动更新user状态
        const unsubscribe = onAuthStateChanged(auth, (currentUser) => {
            setUser(currentUser)
        })
        // 组件卸载时取消监听，避免内存泄漏
        return () => unsubscribe()
    }, [])

    const createUser = (email, password) => {
        return createUserWithEmailAndPassword(auth, email, password)
    }

    // 将user和createUser暴露给上下文
    return (
        <AuthContext.Provider value={{ user, createUser }}>
            {children}
        </AuthContext.Provider>
    )
}

2. 修改组件代码，正确获取UID #

推荐直接从createUser返回值提取UID（最可靠，不依赖状态更新时机）：

const handleSubmit = async (e) => {
    e.preventDefault()
    setError('')
    try {
        // 获取createUser返回的UserCredential对象
        const userCredential = await createUser(email, password)
        const userID = userCredential.user.uid

        // 创建Companies文档并存入用户UID
        const companyDocRef = await addDoc(collection(db, 'Companies'), {
            name: company,
            owner: userID,
            users: [],
            assets: []
        })
        const companyID = companyDocRef.id

        // 创建Users文档并关联用户UID和公司信息
        await addDoc(collection(db, 'Users'), {
            name: name,
            email: email,
            company: [company],
            companyID: [companyID],
            UserID: userID
        })
    } catch (err) {
        setError(err.message)
        console.error(err)
    }
}

备选方案：使用AuthContext中的user状态 #

若依赖上下文的user状态，需确保状态已更新（可靠性略低于直接取返回值）：

// 从上下文取出user和createUser
const { user, createUser } = useAuthContext()

const handleSubmit = async (e) => {
    e.preventDefault()
    setError('')
    try {
        await createUser(email, password)
        // 确认user已更新并存在UID
        if (!user?.uid) throw new Error('无法获取用户UID')
        
        const companyDocRef = await addDoc(collection(db, 'Companies'), {
            name: company,
            owner: user.uid,
            users: [],
            assets: []
        })
        const companyID = companyDocRef.id

        await addDoc(collection(db, 'Users'), {
            name: name,
            email: email,
            company: [company],
            companyID: [companyID],
            UserID: user.uid
        })
    } catch (err) {
        setError(err.message)
        console.error(err)
    }
}

关键说明 #

• createUserWithEmailAndPassword返回的Promise resolve后，会得到包含用户信息的UserCredential对象，user.uid即为用户唯一ID。
• 避免混用await和.then()，保持代码风格一致，提升可读性。

内容的提问来源于stack exchange，提问作者Casey James