如何将Firestore Web版本8的子集合代码重构为Web版本9？

你的v8代码逻辑是定位到指定用户文档下的posts子集合，再按createdAt排序监听数据。但你写的v9代码错误地对users主集合做了条件查询，和原逻辑不符，这是问题所在。

正确的v9重构代码 #

import { firestore, auth } from "@/lib/firebase";
import { collection, doc, orderBy, query } from "firebase/firestore";
import { useCollection } from "react-firebase-hooks/firestore";

// 1. 先获取用户文档的引用
const userDocRef = doc(firestore, 'users', auth.currentUser.uid);
// 2. 基于用户文档引用获取posts子集合
const postsCollectionRef = collection(userDocRef, 'posts');
// 3. 创建带排序的查询
const q = query(postsCollectionRef, orderBy('createdAt', 'desc'));
// 4. 监听子集合数据
const [querySnapshot] = useCollection(q);

关键说明 #

• v9采用函数式API，不再用链式调用：
  • 用doc(firestore, 主集合名, 文档ID)获取单个文档的引用
  • 用collection(父文档引用, 子集合名)获取该文档下的子集合引用
• 你之前的错误是试图通过where查询users集合来筛选用户，这和原v8代码直接定位单个用户文档的逻辑完全不同，所以无法正确获取子集合。
• 如果需要手动获取子集合数据（而非实时监听），可以用getDocs(postsCollectionRef)或者getDocs(q)，用法和你注释里的类似，但前提是先拿到正确的子集合引用。

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