화면이 다음과 같이 나타났나요?

▲ 그림 15-5 게시글과 댓글 조회 API

이번 컴포넌트에서는 useQuery를 여러 번 사용하기 때문에 const { data } = useQuery(...)와 같은 형식은 적합하지 않습니다. 지금과 같이 articleQuery, commentsQuery와 같은 형식으로 사용하면 됩니다.

이 상황에 구조 분해를 사용하고 싶다면 다음과 같이 할 수도 있습니다.

const {data: articleData} = useQuery(['article', id], () => getArticle(id));
const {data: commentsData} = useQuery(['comments', id], () => getComments(id));