본문 바로가기
c.c

14. 비동기 통신과 리렌더링

by jyamin 2023. 2. 14.
728x90

중괄호 { } 사용

useQuery

useQuery는 API라서 0.013초든 몇초가 걸리기 때문에 처음에 순서대로 가면서 undefined가 나온다
await 사용이 안되기 때문에 해결방법은 조건부 렌더링을 사용한다
data가 있으면 뒤에꺼 보여주고 data가 없으면 앞에꺼 보여줘~

1 - {data ? data.fetchBoard.title : “로딩중입니다..”}
2 - {data && data.fetchBoard.title}
3 - {data?.fetchBoard.title}     =>    옵셔널 체이닝

옵셔널 체이닝

728x90

'c.c' 카테고리의 다른 글

25. board edit page  (0) 2023.02.14
24. 수정/등록 페이지 컴포넌트 재사용  (0) 2023.02.14
15. 동적 라우팅 및 예외처리  (0) 2023.02.14
10. 동기통신과 비동기통신  (0) 2023.02.14
8. Rest-API vs Graphql-API  (0) 2023.02.14

댓글