Firebase：创建用户后如何在Firestore中使用用户UID？

1. 利用Firebase Auth注册返回的UserCredential获取UID #

注册时直接使用createUserWithEmailAndPassword返回的userCredential.user.uid，这是最可靠的方式——无需依赖auth.currentUser（因为currentUser可能存在异步更新延迟，导致获取不到值）。

示例代码：

import { createUserWithEmailAndPassword } from "firebase/auth";
import { doc, setDoc } from "firebase/firestore";
import { auth, db } from "../path-to-your-firebase-config"; // 导入你的Firebase实例

const handleRegister = async (email: string, password: string, userDetails: { name: string; age?: number }) => {
  try {
    // 1. 创建Auth用户账户
    const userCredential = await createUserWithEmailAndPassword(auth, email, password);
    // 2. 从返回值中获取类型安全的用户UID
    const userId = userCredential.user.uid;
    
    // 3. 在Firestore用户集合中创建文档（用UID作为文档ID）
    await setDoc(doc(db, "users", userId), {
      ...userDetails,
      email,
      createdAt: new Date()
    });

    console.log("用户注册及文档创建成功");
  } catch (error) {
    console.error("注册失败:", error);
  }
};

2. 处理auth.currentUser可能为null的场景 #

如果后续操作必须使用auth.currentUser，需通过空值检查或可选链规避TS错误：

// 方式1：显式空值检查
if (auth.currentUser) {
  const userId = auth.currentUser.uid;
  // 执行Firestore操作
} else {
  console.error("当前无登录用户");
}

// 方式2：可选链+空值合并运算符
const userId = auth.currentUser?.uid ?? "";
if (userId) {
  // 执行操作
}

3. 避免使用any，正确标注State类型 #

如果需要用state存储用户信息，明确标注类型而非用any，让TS帮你提前规避空值错误：

import { User } from "firebase/auth";

// 定义用户详情的自定义类型
interface UserProfile {
  name: string;
  email: string;
  age?: number;
}

// 组件内的State定义
const [authUser, setAuthUser] = useState<User | null>(null);
const [userProfile, setUserProfile] = useState<UserProfile | null>(null);

错误原因解析 #

• TS2339: Property 'uid' does not exist on type 'object'：你之前未正确标注变量类型（比如把userCredential.user当成普通object），Firebase的UserCredential返回的user是User类型，自带uid属性，直接使用即可。
• null对象错误：用any会绕过TS类型检查，导致你访问了null对象的属性，正确标注类型后TS会提前提示你处理空值。
• TS18047: 'auth.currentUser' is possibly 'null'：currentUser在未登录或刚注册完成时可能还未同步更新，TS强制要求你处理null情况，优先用注册返回的userCredential.user更可靠。

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