Firebase 조건으로 해당 문서의 데이터 가져오기

이전에는 데이터를 리스트로 가져오는 법을 해봤었다.
이번에는 해당 게시글을 클릭 했을 때, 해당하는 게시글의 데이터만 가져와보자!

import

// firebase
import { collection, getDocs, query, where } from "firebase/firestore";
import { firebaseDb } from "../../../../firebase.config";

조건을 주는 쿼리

const condition = query(
  collection(firebaseDb, boardType),
  where("id", "==", boardId)
);

• 나의 파이어베이스DB(firebaseDb)에서 해당하는 컬렉션에서(boardType) 존재하는 문서들 중에 필드가 id인 값이 boardId인 문서의 데이터를 가져온다는 뜻
  

조건으로 데이터를 불러오는 함수

// fetch board detail data func
async function fetchBoardDetail(condition) {
  const querySnapshot = await getDocs(condition);
  querySnapshot.forEach((doc) => {
    setBoardData(doc.data());
  });
}

결과

받은 데이터 값으로 다음과 같이 클릭한 게시글의 정보를 보는 창을 만들었다.