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

검색기능

const params = useParams();
  const [searchData, setSearchData] = useState([]);
  
  // firestore에서 post 문서 받아오기
  useEffect(() => {
    const postCollectionRef = collection(db, 'post');
    const q = query(postCollectionRef);
    const getPost = onSnapshot(q, (snapshot) => {
      const newPost = snapshot.docs.map((doc) => ({
        id: doc.id,
        ...doc.data(),
      }));
    setSearchData(newPost.filter((item) =>
        item.partyLocation.toLowerCase().includes(params.word)
        ));
    });
    return getPost;
  }, [params.word]);
  console.log(searchData);

 

fliter((item) => item.partyLocation // item : 객체, item.partyLocation : 파이어베이스 데이터에 있는 key값