[LAB-17] useReadData() 파이어베이스 커스텀 훅 사용법

[semin99]

질문 작성자

장세민

문제 상황

useReadData() 커스텀 훅을 사용하려고하는데 데이터를 받아오지 못하고 있습니다. 어떻게 사용해야할까요?

프로젝트 저장소 URL

https://github.com/semin99/NatureKarly/tree/feature/56-productlist-components

[yamoo9]

문제 해결

먼저 잘못된 useReadData.js 파일의 모듈 불러오기를 수정합니다.

Product.jsx 파일 코드를 아래와 같이 수정합니다.

export function Product({ isSwiper }) {
  // ...

  const { readData, data } = useReadData('products');

  useEffect(() => {
    readData();
  }, [readData]);

  console.log(data);

  // ...
}

결과는 다음과 같이 Firestore에서 데이터를 잘 가져옵니다. 😊

가이드 파일

첨부된 가이드 파일을 다운로드 받아 확인해보세요.

src.zip