React Native+Firestore v9查询子集合报错：无效集合引用的解决方法

问题场景 #

在React Native项目中使用Firestore开发论坛页面时，forums集合的帖子能正常加载，但通过帖子ID查询对应评论时，抛出错误：

Invalid collection reference. Collection references must have an odd number of segments

原实现代码 #

useEffect(() => {
  async function ddd() {
    let todos = []
    // uid 已声明，指代帖子文档的ID
    try {
      const url = collection(db, `forums`,"comments");
      const q = query(url,where("uid","==",uid);
      const querySnapshot = await getDocs(q);
      querySnapshot.forEach((doc) => {
        console.log(doc.data());
        todos.push(doc.data())
      });
      
    }
    catch(E){
      alert(E)
    }
    setData1(todos)
  }
  ddd()
}, [])

Firestore数据结构 #

forums是根集合，每个帖子是forums下的独立文档；每个帖子文档下包含一个名为comments的子集合，对应帖子的所有评论都存储在这个子集合中。

解决方案 #

1. 修正集合引用路径 #

错误核心是集合路径段数不符合要求：Firestore集合引用的路径段数必须是奇数（根集合1段、子集合3段，以此类推）。原代码中forums/comments是两段（偶数），属于无效路径。

正确路径应为**forums/{帖子ID}/comments**，通过帖子文档ID定位到对应子集合，修改集合引用代码：

const url = collection(db, "forums", uid, "comments");

2. 修复语法错误 #

原代码中query方法调用缺少闭合括号，会导致语法错误，修正后：

const q = query(url, where("uid", "==", uid));

完整修正后的代码 #

useEffect(() => {
  async function fetchComments() {
    let todos = []
    try {
      // 正确定位到指定帖子的comments子集合
      const commentsRef = collection(db, "forums", uid, "comments");
      // 若无需过滤特定评论，可直接调用getDocs(commentsRef)，无需where条件
      const q = query(commentsRef, where("uid", "==", uid));
      const querySnapshot = await getDocs(q);
      querySnapshot.forEach((doc) => {
        console.log(doc.data());
        todos.push(doc.data())
      });
      
    } catch (error) {
      alert(error.message);
    }
    setData1(todos);
  }
  fetchComments();
}, [uid]) // 添加uid为依赖项，帖子ID变化时自动重新查询

额外优化说明 #

既然已经定位到目标帖子的comments子集合，where("uid", "==", uid)属于冗余条件——该子集合内的评论本来就属于当前帖子。如果业务无特殊过滤需求，可直接简化为await getDocs(commentsRef)。

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