useFetch 커스텀 훅 사용법

[tkv00]

사용방법

• /src/hooks/useFetch.jsx 에 위치
• Bearer 및 JWT 을 필요시 하는 로그인 및 회원가입 부분을 제외한 모든 부분에 API통신 중 GET통신 시 사용.
• 서버로부터 받는 데이터,데이터 배열, 로딩 상태, 에러 상태 구현

사용 예시

  //게시물 정보 가져오기
  const {
    data: newPostData,
    isLoading: newPostLoading,
    error: newPostError,
  } = useFetch("/api/post/new");
  const {
    data: hotPostData,
    isLoading: hotPostLoading,
    error: hotPostError,
  } = useFetch("/api/post/popular");

• 위와 같이 구조분해할당으로 사용합니다.
• 각 통신하는 API 주소를 입력하여 필요한 데이터 또는 데이터 배열,에러 상태,로딩 상태를 사용합니다.