如何将这个firebase代码转换为React.js中的最新语法

Question

useEffect(() => {
db.collection('posts').onSnapshot((snapshot) => {
setPosts(snapshot.docs.map((doc) => doc.data()));
});
}, []);

我一直试图在react中使用此代码，但我无法做到。

Answer 1

从文档

import { doc, onSnapshot, getFirestore } from "firebase/firestore";
db = getFirestore();
const unsub = onSnapshot(doc(db, "cities", "SF"), (doc) => {
console.log("Current data: ", doc.data());
});