Firestore Web v9 新增数据的模式是什么？如何访问嵌套集合与文档？

Firebase v9 模块化 API 支持两种方式实现深层嵌套的集合/文档引用，两种方式功能完全等价，可根据实际使用场景选择：

方式1：基于父级引用链式调用 #

你可以将已获取的父级文档/集合引用作为第一个参数传入collection()或doc()方法，逐层向下访问子级资源：

• 你已掌握的用户文档引用写法：

  const userDocRef = doc(db, "users", uid);
  

• 要访问该文档下的someCollection集合，直接将上述引用传入collection()即可：

  const someCollectionRef = collection(userDocRef, "someCollection");
  

• 如需继续访问该集合下的某份文档，再嵌套调用doc()即可：

  const targetDocRef = doc(someCollectionRef, "你的文档ID");
  

方式2：全路径段直接传参 #

collection()和doc()方法支持传入任意数量的路径段参数，按「集合名、文档ID、集合名、文档ID...」的交替顺序拼接即可直接访问任意层级的资源，无需分步获取父级引用：

• 访问Users > uid > someCollection集合的写法：

  const someCollectionRef = collection(db, "users", uid, "someCollection");
  

• 访问更深层级的文档示例，比如Users > uid > someCollection > docId > subCollection > subDocId：

  const subDocRef = doc(db, "users", uid, "someCollection", "docId", "subCollection", "subDocId");
  

对应你提到的旧版本写法db.collection("users").doc("frank").collection("pets")，在v9中直接等价于collection(db, "users", "frank", "pets")。

实际使用示例（读取集合数据） #

import { collection, getDocs } from "firebase/firestore";

// 获取目标集合引用
const someCollectionRef = collection(db, "users", uid, "someCollection");

// 读取集合下所有文档
const querySnapshot = await getDocs(someCollectionRef);
querySnapshot.forEach((doc) => {
  console.log(doc.id, " => ", doc.data());
});

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