Web 版本 9 中的 Cloud Firestore 子集合语法 API

Question

我正在尝试使用为 Web 版本 8 编写的教程来学习 Firestore Cloud 9。我一直在尝试重构似乎是某种子集合的东西。

Web 8 代码如下所示：

const ref = firestore.collection('users').doc(auth.currentUser.uid).collection('posts');
const query = ref.orderBy('createdAt');
const [querySnapshot] = useCollection(query);

我的（失败的）尝试看起来像这样：

import { firestore, auth, serverTimestamp } from "@/lib/firebase";
import { collection, getDocs, orderBy, query } from "firebase/firestore";
import { useRouter } from "next/router";
import { useCollection } from "react-firebase-hooks/firestore";

const ref = collection(firestore, 'users');
const q = query(
    ref,
    where('username', '==', auth.currentUser.uid),
    orderBy('createdAt', 'desc')
);
//const newPosts = (await getDocs(q)).docs.map((doc) => doc.data());
const [querySnapshot] = useCollection(q);

我可以毫无问题地获得第一个系列。 然而，通过文档（ument）获取子集合（？）不是我能弄清楚的。 我试过 getDocs() （上面已注释掉）以及 getDoc() &.doc。

Answer 1

v8 及之前语法中的这一行：

const ref = firestore.collection('users').doc(auth.currentUser.uid).collection('posts');

在 v9 及更高版本中看起来像这样：

const ref = collection(firestore, 'users', auth.currentUser.uid, 'posts');