더북(TheBook)

15.2.1 반환값

useQuery Hook을 사용하여 반환된 result 객체는 다음 값을 지니고 있습니다.

status: API의 요청 상태를 문자열로 나타냅니다.

- 'loading': 아직 데이터를 받아오지 않았고, 현재 데이터를 요청 중

- 'error': 오류 발생

- 'success': 데이터 요청 성공

- 'idle': 비활성화된 상태(따로 설정해 비활성화한 경우)

isLoading: status === 'loading'과 같습니다.

isError: status === 'error'와 같습니다.

isSuccess: status === 'success'와 같습니다.

isIdle: status === 'idle'과 같습니다.

error: 오류가 발생했을 때 오류 정보를 지닙니다.

data: 요청 성공한 데이터를 가리킵니다.

isFetching: 데이터가 요청 중일 때 true가 됩니다(데이터가 이미 존재하는 상태에서 재요청할 때 isLoadingfalse이지만, isFetchingtrue입니다).

refetch: 다시 요청을 시작하는 함수입니다.

이외에도 다른 필드를 지니고 있는데, 흔히 사용하지 않는 건 다루지 않았습니다. 다른 필드는 다음 링크에서 확인해보세요.

https://react-query.tanstack.com/reference/useQuery

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.