여러가지 쿼리 방식

내승현·2022년 4월 14일
0

❗️useQuery

요청과 data를 자동으로 받음

  • 요청 : 자동
  • 그림 : 자동

❗️useLazyQuery

useMutation 처럼 함수를 만들 수가 있고 실행할 때 데이터 요청이 날아가고 그 다음에 데이터(data)를 받으면 화면에 자동으로 그림까지 그림 useQuery랑 동일한데 실행만 내가 원하는데서 할 수 있음

  • 요청 : 수동
  • 그림 : 자동

❗️useApolloClient

  • 요청 : 수동
  • 그림 : 수동

자동으로 그려주지 않는다
useApolloClient - 내가 원하는곳에서 query불러오기 가능(apolloclient에서 import)

const client = useApolloClient() ← 이걸 Axios라고 보면 된다

const result = await client.query({
   query:FETCH_USER_LOGGED_IN,

   context:{

headers:{

authorization:`Bearer ${result.data?.loginUser.accessToken}`

}

   }

})

setUserInfo(result.data.fetchUserLoggedIn)

←글로벌 스테이트에 담기

참고: 24-01-login-use-apoll0=client

profile
아토언니의 프론트엔드 개발자로서의 기록

0개의 댓글