React-Query 설치

CHAE·2023년 1월 17일
0

React

목록 보기
17/27

1. react-query 설치하기

react-query는 SNS를 만들 때, 코인거래소 등 실시간 데이터를 계속 몇 초마다 보여줘야하는 사이트에서 유용하게 쓰인다.

  1. 터미널에 명령어 입력
npm install @tanstack/react-query 
  1. index.js에서 밑 코드 입력하고 QueryClientProvider태그로 감싸주기
const queryClient = new QueryClient();

  <QueryClientProvider>
    <Provider store={store}>
      <BrowserRouter>
        <App />
      </BrowserRouter>
    </Provider>
  </QueryClientProvider>
  1. 상단에 import 해주기
import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query' 
profile
신입 프론트엔드 개발자

0개의 댓글