[React] useQuery select

useQuery select

useQuery 사용시 data를 가져왔을 때

data.culturalEventInfo.row 이렇게 데이터 속을 들어가야 할 때

data 로만 가지고 온다면

getEventListsData.culturalEventInfo.row 로 길게 늘여 써야한다.

이 때, select 를 useQuery의 인자로 주어 data 값을 가져올 수 있다.

//getEventListsData.culturalEventInfo.row 사용.

const { data: getEventListsData, isLoading: isLoadingEL } = useQuery(
    ["Mains", "getEventLists"],
    getEventList
  );


//getEventListsData 로 사용가능!
const { data: getEventListsData, isLoading: isLoadingEL } = useQuery(
    ["Mains", "getEventLists"],
    getEventList,
    { select: (data) => data.culturalEventInfo.row }
  );

공식문서