Customhook 안에 Customhook (react-qeury infinity)

Question

웹 스토리지를 리펙토링 하고 있는데 이러한 방법이 괜찮은지? 더 좋은 방법이 있는지 궁금해서 글을 작성합니다.폴더, 파일을 가져오는 API는 한개입니다. 파일 폴더를 가져오는 방법은 params : { type } 에 값을 입력해서 구별해 가져옵니다.infinity scroll을 사용합니다. 그냥 파일 폴더 상관없이 사용한다면 react-query useInfiniteQuery 를 사용하여 처리하면 되지만, 폴더를 위에서 모두 불러온 후 파일을 불러오는 식으로 동작하게 개발하려고 합니다. 제가 전에 구현했던 코드는 파일 폴더를 모두 가져오는 useGetDirectories 라는 hook 안에 file, folder를 가져오는 custom hook(useInfiniteQuery) 두개를 모두 불러온 후, hasNextPage 를 비교하며 상황에 알맞은 data, fectNextPage() 를 내보내주고 있더군요. (limit이 30으로 잡혀있을때 폴더가 30개 이상있다면 파일을 불러오긴했지만 그 관련 값을 내보내주진 않는 구조입니다. )const result: Result &#61; { hasNextPage: dirHasNextPage || fileHasNextPage, fetchNextPage: dirHasNextPage ? dirFetchNextPage : fileFetchNextPage, isLoading: dirIsLoading || fileIsLoading, data: dirHasNextPage ? directoriesData : directoriesData.concat(filesData),};return result;이런 코드로 return 하는 값을 정합니다. 코드를 한번 보니 customhooks안에 customhook을 두개나 가지고 있는 구조가 조금 이상한가라는 생각도 들고, 폴더를 아직 다 가져오지 못한경우 file 가져오는 요청을 했지만 그 값을 사용하진 않게 동작하는 부분은 좋지 않아보입니다. 다른 방법은 어떤게 있을까요? 이렇게 개발했을 때의 장점은 일단 보기 좀 쉬워보이고 api 에 넘기는 page를 제가 관리안하고 react-query 가 관리해주는 부분은 좋아보입니다 괜찮은 방법일까요?

Customhook 안에 Customhook (react-qeury infinity)

0개의 답변

#react-query 목록