개발자

Next.js React-query 관련해서 질문있습니다 ㅜㅜ

2023년 06월 21일조회 328

안녕하세요 Next.js를 공부하고있는데 현재 페이지 내에서 useQuery 커스텀훅으로 데이터를 가져오고 있는데 SSR 형식으로 getServersideProps를 통해 데이터 패칭을 가져올려고 바꿀려고 합니다 ! 1. getSersideProps 쪽에서도 useQuery 커스텀훅을 사용할수 있을까요..? 2. 혹시 안된다면 데이터 받아오는것을 getServersideProps쪽에서 다 하면 useQuery 커스텀훅은 따로 쓸 필요가 없을까요?! 만약 쓴다면 어떠한 경우에 써야 될까요? 질문이 난잡해서 죄송합니다😭😭

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

정재용님의 프로필 사진

1. useQuery는 CSR로 써주시는게 맞습니다. 2. SSR 형태로 사용하고싶으시다면, 두가지 방법이 있을 수 있는데, 첫번째는 getServerSideProps에서 리턴받은 결과값을 props으로 전달하고 useQuery의 initialData로 넣어주는 방식입니다. 두번째는 hydration을 이용하는 방법인데, SSR에서 패칭한 데이터를 QueryClient에 담아 클라이언트로 내려주는 방식입니다. 아마 말씀해주신 내용으로 봤을땐 두번째 방법이, 더 적합해 보이네요. 자세한 내용은 아래의 공식문서를 참고해보시면 좋을듯 합니다. (https://tanstack.com/query/v4/docs/react/guides/ssr)

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!