如何从Firestore检索目标数组数据 修复文档引用段数错误

• API调用错误：Firestore 路径遵循固定规则：文档引用路径必须为偶数段，集合引用路径必须为奇数段。你代码里拼接的路径user_data/[用户uid]/run共3段，属于集合路径，却误用了创建文档引用的doc()方法，直接触发了参数校验报错。如果要获取某个集合下的所有文档，需要用collection()方法创建集合引用。
• 存在时序漏洞：onAuthStateChanged是异步执行的监听回调，你把数据查询逻辑写在回调外部，执行查询时user变量大概率还未被赋值，会导致路径拼接出现undefined的异常值。

onAuthStateChanged(auth, (user) => {
  if (user) {
    const uid = user.uid;
    setUser(uid);
    // 拿到有效用户uid后再初始化查询，避免时序问题
    // run是三级集合，共3段路径，符合集合引用的奇数段要求，用collection()创建引用
    const runColRef = collection(db, 'user_data', uid, "run");

    onSnapshot(runColRef, (snapshot) => {
      const runDataList = []
      snapshot.docs.forEach((docItem) => {
        // 建议同步存储文档id，方便后续更新、删除操作定位文档
        runDataList.push({ id: docItem.id, ...docItem.data() })
      })
      // 原有去重赋值逻辑可保留，注意React状态闭包问题即可
      if (bool === false) {
        setArr(runDataList);
        setBool(true)
      }
    })
  } else {
    console.log("no user found")
    // 未登录时清空历史数据，避免脏数据残留
    setArr([])
  }
})

• 严格区分两个引用方法的使用场景：
  • 路径段数为偶数时（如user_data/xxx，共2段，指向单个用户文档），使用doc()创建文档引用
  • 路径段数为奇数时（如user_data/xxx/run，共3段，指向用户名下的所有跑步记录集合），使用collection()创建集合引用
• 所有依赖用户登录态的数据库操作，必须放在onAuthStateChanged的回调内部执行，不要在回调外部直接调用，避免拿到未初始化的用户状态导致路径异常。

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