[Today I Learned] 1월 2주차 day2

프로젝트 마감일이 얼마 안남았다.
react-query를 통해서 firebase에 있는 data를 메인페이지 화면에 뿌려줘야 한다.
useEffect 사용치 않고 요번에는 useQuery를 사용해 볼것이다.

사용할 api들을 불러와 주고

import { useQuery, useQueryClient, useInfiniteQuery } from 'react-query'

useQuery 기본적인 틀을 만든다.
useQuery api 사용 , key 는'BookRequest' , value는 getMainBookRequest 이다.

  // useQeury
  const {
    data: bookRequestData,    // data 별칭지정
    isLoading: isLoadingBR,    // isLoading 별칭지정
    refetch: refetchBR,            // refetch 별칭지정
  } = useQuery('BookRequest', getMainBookRequest) 
 

flatlist에 데이터를 넣어줄거기 때문에 data= {} 에 함수를 넣어준다.

<FlatList
            onScroll={(e) => setScrollVertical(e.nativeEvent.contentOffset.y)}
            ref={(ref) => {
              listViewRef = ref
            }}
            refreshing={isRefreshing}
            onRefresh={onRefresh}
            data={bookRequestData}
            />