react-query useQuery 커스텀훅으로 재사용하기

useQuery는 useMuation처럼 팩토리 메서드 패턴으로 커스텀훅으로 만들 필요는 없어 보였다. 그래도 중복되는 쿼리키를 가지는 useQuery는 관심사를 분리하여 재사용 할 수 있게 커스텀훅으로 만드는게 좋아 보였다.

 

feed-id를 통해서 특정 feed를 가져오는 useQuery 커스텀훅으로 만들기

• feed를 수정하기 위해 피드를 가져오는 부분

 

• Notification에서 feedId를 통해 특정 피드를 가져오는 부분

 

 

useFeedByIdQuery.ts

 

커스텀 훅으로 만들었을때 장점

• feedDetail에서는 refetch가 필요하고 CreateFeed에서 remove가 필요할때 커스텀훅을 만들어 사용하면 원하는 옵션을 호출하여 사용할 수 있다.
• options를 호출하는 부분에서 사용하여 enabled말고도 원하는 옵션을 커스텀하여 재사용할 수 있다.