关于firebase v9的更改

Question

我的朋友去年写了这段代码，现在firebase v9有一些语法变化，它不再工作了。我应该做什么改变-

useEffect(() => {
const colRef = collection(db, 'movies',doc(id)) 
colRef.doc(id)
.get()
.then((doc) => {
if (doc.exists) {
setDetailData(doc.data());
} else {
console.log("No such document in firebase 🔥");
}
})
.catch((error) => {
console.log("Error getting the document: ",error);
});
}, [id]);

问题在colRef.doc(id)部分

Answer 1

您可以在"获取文档"中的文档中找到解决方案。(标签页"网页版本")

import { doc, getDoc } from "firebase/firestore";

useEffect(() => {
const docRef = doc(db, "movies", id);
getDoc(docRef)
.then((doc) => {
if (doc.exists()) {
setDetailData(doc.data());
} else {
console.log("No such document in firebase 🔥");
}
})
.catch((error) => {
console.log("Error getting the document: ", error);
});
}, [id]);