더북(TheBook)

useQuery Hook을 사용할 때는 앞의 예시 코드처럼 data, error, isLoading을 많이 사용합니다. 이 값에 따라 동적 렌더링을 구현하지요.

import {useQuery} from 'react-query';
import {Text, View} from 'react-native';

function Sample() {
  const result = useQuery('articles', getArticles);
  const { data, error, isLoading } = result;

  if (isLoading) return <Text>로딩 중..</Text>;
  if (error) return <Text>오류 발생</Text>;
  return <View>{/* 데이터 보여주기.. */}</View>;
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.