react-query select1 [React-query] useInfiniteQuery의 select로 반환값 변환하기 임의로 qeury의 반환값을 useState로 수정하고 사용하여 생긴 문제 useInfiniteQuery로 받아온 데이터들만 화면에 바로 렌더링되지않고, 꼭 refetch가 일어나야만 그림이 그려지는 문제가 생겼다. 처음엔 useInfiniteQuery 훅의 문제인가했는데 react-query devtool을 확인해보면 분명 정상적으로 캐싱이되고 있었다. 생각해보니 useInfiniteQuery의 data구조가 조금 복잡해서 postList라는 state를 만들어서 fetch성공시 데이터를 평탄화시키도록 해놨는데, 그 부분이 문제였다. const [postList, setPostList] = useState([]); const { isLoading, fetchNextPage, hasNextPage } =.. 2023. 3. 31. 이전 1 다음