如何动态获取Document ID，实现登录用户存储数组的更新？

核心问题定位 #

你遇到的报错是因为动态获取的用户ID为空或未定义，导致doc()方法无法正确定位到Firestore文档。硬编码ID时能正常工作，说明数组更新的逻辑本身没问题，问题出在用户ID的获取环节。

正确实现步骤 #

1. 确保正确获取当前登录用户的UID #

如果用Firebase Auth，要保证获取用户ID时，用户已完成登录，且Auth实例能正确返回用户信息：

// 获取当前登录用户的UID
const user = auth.currentUser;
if (!user) {
  console.error("用户未登录，请先登录");
  return;
}
const userId = user.uid;

2. 用动态UID定位文档并更新数组 #

把硬编码的ID替换成上面获取到的userId，复用之前正常的数组更新逻辑（比如用arrayUnion添加元素）：

// 定位到当前用户的文档
const userDocRef = doc(db, "users", userId);

// 更新数组（示例：添加新元素）
await updateDoc(userDocRef, {
  targetArrayField: arrayUnion(newElement)
});

3. 排查常见坑点 #

• 监听Auth状态：如果在组件初始化时执行更新，建议用onAuthStateChanged监听登录状态，确保用户登录后再操作：

  onAuthStateChanged(auth, (user) => {
    if (user) {
      const userId = user.uid;
      // 在这里执行文档更新逻辑
    } else {
      // 处理未登录场景，比如跳转登录页
    }
  });
  

• 检查Firestore规则：确保当前用户有权限更新自己的文档，示例规则如下：

  match /users/{userId} {
    allow update: if request.auth != null && request.auth.uid == userId;
  }
  

硬编码与动态实现的差异 #

硬编码时你直接指定了有效的文档ID，doc()能精准找到目标文档；动态实现时如果userId获取失败，就会导致doc()参数无效，触发报错。只要保证userId是当前登录用户的有效UID，就能复用之前正常的数组更新逻辑。

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