Firebase V9语法变更致旧代码失效，如何修改文档获取代码？

原代码无法运行的核心原因是Firebase V9 采用了模块化函数式API，废弃了V8版本中基于对象的链式调用方式（比如colRef.doc(id).get()），同时原代码构建文档引用的逻辑也存在错误。

具体修改点： #

• 移除错误的集合引用构建方式：原代码中collection(db, 'movies', doc(id))逻辑错误，V9中获取单个文档引用不需要先创建集合引用，直接用doc()函数即可。
• 替换链式调用为独立函数：V9不再支持docRef.get()这类链式调用，需使用单独导入的getDoc()函数获取文档数据。
• 补充必要的函数导入：需要从firebase/firestore导入doc和getDoc两个核心函数。

修改后的完整代码： #

import { doc, getDoc } from "firebase/firestore"; // 导入V9所需函数

useEffect(() => {
  // 直接构建指定ID的文档引用
  const docRef = doc(db, 'movies', id);
  
  // 使用getDoc函数获取文档数据
  getDoc(docRef)
    .then((docSnap) => {
      if (docSnap.exists()) { // V9中用exists()方法替代旧版的exists属性
        setDetailData(docSnap.data());
      } else {
        console.log("No such document in firebase 🔥");
      }
    })
    .catch((error) => {
      console.log("Error getting the document: ", error);
    });
}, [id]);

关键细节说明： #

1. 文档引用构建：doc(db, 'movies', id)直接指向movies集合中ID为id的文档，无需先创建集合引用再链式调用。
2. 文档获取逻辑：getDoc(docRef)是V9专门用于获取单个文档的函数，完全替代了旧版的.get()链式调用。
3. 存在性判断：V9中文档快照的存在性判断需调用docSnap.exists()方法，而非旧版的doc.exists属性。

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