xxxxxxxxxx
useEffect(() => {
db.collection('posts')
.orderBy('timestamp', 'asc') // optional
.onSnapshot((snapshot) => {
setPosts(
snapshot.docs.map((doc) => {
return doc.data();
})
);
});
}, []);
xxxxxxxxxx
db.collection("users").get().then((querySnapshot) => {
querySnapshot.forEach((doc) => {
console.log(`${doc.id} => ${doc.data()}`);
});
xxxxxxxxxx
import { collection, getDocs, query, where } from 'firebase/firestore';
import { db } from '../firebase/firebase';
const [messages, setMessages] = useState([]);
const messagesCollectionRef = query(collection(db, "message"), where("email", "==", "coolestvikas1995@gmail.com"));
useEffect(() => {
const getMessages = async () => {
const data = await getDocs(messagesCollectionRef);
setMessages(data.docs.map((doc) => ({ doc.data(), id: doc.id })));
}
getMessages();
}, []);
console.log("messages", messages);
xxxxxxxxxx
// Necessary Imports
import { useEffect, useState } from "react";
import { db } from "relative path of your firebase config file";
import { collection, onSnapshot } from "firebase/firestore";
// Code inside component
const [data, setData] = useState([]);
useEffect(
() =>
onSnapshot(collection(db, "collectionName"), (snapshot) => {
setData(
snapshot.docs.map((doc) => {
return { doc.data(), id: doc.id };
})
);
}),
[]);
console.log(data);