본문 바로가기

TypeScript

2024.3.7 기록 (react-query 커스텀 훅과 타입)

 

이번에 react-query에서 useMutation 을 이용해서 커스텀훅을 제작하는 과정에서 문제가 발생했다.

CRUD중에서 CUD 를 하나의 커스텀 훅에서 만들었기 때문에 발생한 문제이다.

 

 

받아오는 axiosApi 가 총 3개 C U D 과정이었다.

 

각각 Type, id, boolean 값을 받았기 때문에,  문제가 있었고, data또한 별도의 타입을 선언해주어야 할 만큼 여러가지 타입이 존재했다.

 

any를 사용하지 않고 매개변수로 각각의 함수를 받고 useMutation을 통해 각각의 역할을 지닌 커스텀훅을 제작하기로 했다

 

매번 재사용성이 높은 커스텀훅을 제작한다는 것에 목적을 두는데, 이번에는 확실한 역할을 나누어 제작해봐야겠다.