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

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