오늘 새로 배운 것
api에서 응답 값 res는 리턴되어 받아와졌지만 main 화면의 useInfiniteQuery 부분에서 값이 넘어오지 않았던 이유
=> api 측에서 매개변수 pageParam = 1를 pageNo에 들어갈 숫자로 호출할 api의 url의 pageNo=${pageParam}에 넘겨줘야했는데, pageParam이 중괄호로 둘러싸여 있어서 객체로 넘겨주는 바람에 useInfiniteQuery에서는 올바로 인식하지 못하고 undefined으로 계속 넘어왔었던 것!
그리고 FlatList의 data에 map함수를 써서 최종적으로 item단위로 data에 들어가게 해주니 화면에 내가 원하는대로 렌더링되었다!
하루를 돌아보며...
useInfiniteQuery 관련 함수들이 아직까지 익숙하지가 않은데 앞으로 계속 활용하면서 숙달을 좀 해야겠다.
FE Developer