쭈꾸미
코드짜는 쭈꾸미
쭈꾸미
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Journal (54)
      • Today I Learned (44)
      • 후기&회고 (4)
      • 개인 프로젝트 (4)
      • 독서일기 (2)
    • HTML, CSS (5)
    • Javascript (32)
    • Typescript (2)
    • Git, Github (4)
    • Algorithm (1)
    • React, Next.js (14)
    • API, Database (6)
      • API (0)
      • Database (1)
      • GraphQL (2)
      • Rest-API (1)
    • React-Native (1)
    • ETC (2)
    • OS (1)
      • 우분투 Ubuntu (1)

인기 글

티스토리

hELLO · Designed By 정상우.
쭈꾸미

코드짜는 쭈꾸미

API, Database/GraphQL

[GraphQL] Apollo-Client / useQuery data 이름 변경하는 방법

2022. 1. 24. 17:56

useQuery의 기본 형태

Apollo-client의 useQuery 기본 형태는 다음과 같다.

// 예시는 게시판 댓글 목록을 읽어오는 API
const { data } = useQuery(FETCH_BOARD_COMMENTS, {
        variables: { boardId: String(router.query.new) }
    })
    
// FETCH_BOARD_COMMENTS는 지정해준 함수명
// boardId: String(router.query.new)는 useQuery시 필요한 key와 value

useMutation과는 다르게 useQuery의 경우 { data } 부분이 고정되어있다. 하지만 중복 등의 이유로 이 data의 이름을 변경해야 하는 상황이 발생할 수 있다. 그런 경우에 어떻게 변경할 수 있을까?

const { data: dataComments } = useQuery(FETCH_BOARD_COMMENTS, {
        variables: { boardId: String(router.query.new) }
    })

상단과 같이 { data: [원하는이름] }을 입력하면 임의로 변경이 가능하다.

'API, Database > GraphQL' 카테고리의 다른 글

[GraphQL] Apollo-Client로 API 읽어오기 (Query)  (0) 2022.01.18
    'API, Database/GraphQL' 카테고리의 다른 글
    • [GraphQL] Apollo-Client로 API 읽어오기 (Query)
    쭈꾸미
    쭈꾸미
    느리지만 확실하게 / 웹 프론트엔드 개발자 TIL : https://jooeun-k.github.io/TIL/

    티스토리툴바