React Custom Hooks - useFetch

jisooo·2023년 2월 15일

React

목록 보기
1/1

useFetch hook


React의 custom Hook을 활용해서 만든 useFetch hook이다. get요청을 보내게 될 url의 쿼리값이 각 페이지마다 다르기 때문에 인자로 url,id값을 받게 되고, state값의 경우 렌더링 에러 방지 차원으로 받게 되는 상태관리용 값이다. token같은 경우 마이페이지를 조회 할 때에 사용해야 하기 때문에 인자로 넣어 주었다.

변경 전 코드

변경 후 코드

10줄 가까이 되는 코드가 단 한줄로 줄어드는 것을 볼 수 있다. useFetch 리팩토링 작업이 끝나면 useInput도 제작하여 리펙토링에 적용해봐야겠다.

0개의 댓글