15.4.2 useQuery 사용하기

리액트 쿼리를 프로젝트에 사용하기 전 ArticlesScreen 컴포넌트를 열어서 다음과 같이 코드를 입력해보세요.

screens/ArticlesScreen.tsx

import React from 'react';
import {Text, View} from 'react-native';
import {useQuery} from 'react-query';
import {getArticles} from '../api/articles';

function ArticlesScreen() {
  const {data, isLoading} = useQuery('articles', getArticles);

  console.log({data, isLoading});

  return (
    <View>
      <Text>Articles</Text>
    </View>
  );
}

export default ArticlesScreen;

데이터와 로딩 상태를 화면에 보여주기 전에, 일단 콘솔에 출력하도록 코드를 작성해봤습니다.