TIL 02.14 - 최종 프로젝트 2주차

파이어베이스에서 데이터 불러오기

 

import { collection, onSnapshot, query } from 'firebase/firestore';
import { db } from '../../common/firebase';


const Home = () => {
  const [testList, setTestList] = useState([]);

  useEffect(() => {
    const postCollectionRef = collection(db, 'post');
    const q = query(postCollectionRef);
    const getPost = onSnapshot(q, (snapshot) => {
      const postData = snapshot.docs.map((doc) => ({
        id: doc.id,
        ...doc.data(),
      }));
      setTestList(postData)
    })
    return getPost;
  },[])
  console.log(testList)