feat: (#275) 게시물 상세 컴포넌트에서 게시글 정보 불러오기 리액트 쿼리 도입

woowacourse-teams · Aug 9, 2023 · 16a6983 · 16a6983
1 parent 726ee59
commit 16a6983
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/frontend/src/hooks/query/post/usePostDetail.ts b/frontend/src/hooks/query/post/usePostDetail.ts
@@ -7,7 +7,7 @@ import { getPost } from '@api/post';
 import { QUERY_KEY } from '@constants/queryKey';
 
 export const usePostDetail = (postId: number) => {
- const { data, error, isLoading } = useQuery<PostInfo>(
+ const { data, isError, isLoading } = useQuery<PostInfo>(
  [QUERY_KEY.POST_DETAIL, postId],
  () => getPost(postId),
  {
@@ -20,5 +20,5 @@ export const usePostDetail = (postId: number) => {
  }
  );
 
- return { data, error, isLoading };
+ return { data, isError, isLoading };
 };
diff --git a/frontend/src/pages/post/PostDetail/index.tsx b/frontend/src/pages/post/PostDetail/index.tsx
@@ -1,9 +1,9 @@
 import { useNavigate, useParams } from 'react-router-dom';
 
 import { useCommentList } from '@hooks/query/comment/useCommentList';
-import { useFetch } from '@hooks/useFetch';
+import { usePostDetail } from '@hooks/query/post/usePostDetail';
 
-import { getPost, removePost, setEarlyClosePost } from '@api/post';
+import { removePost, setEarlyClosePost } from '@api/post';
 
 import CommentList from '@components/comment/CommentList';
 import Layout from '@components/common/Layout';
@@ -27,7 +27,8 @@ export default function PostDetailPage() {
  const decodedPayload = getMemberId(token);
  const memberId = decodedPayload.memberId;
 
- const { data: postData, errorMessage, isLoading, refetch } = useFetch(() => getPost(postId));
+ const { data: postData, isError, isLoading } = usePostDetail(postId);
+ // const { data: postData, errorMessage, isLoading, refetch } = useFetch(() => getPost(postId));
  const { data: commentData, isLoading: isCommentLoading } = useCommentList(postId);
  // const { data: userInfo, isLoading: isUserInfoLoading, error } = useUserInfo(isLoggedIn);
 
@@ -41,7 +42,7 @@ export default function PostDetailPage() {
  </S.HeaderContainer>
  <S.Container>
  {isLoading && 'loading'}
- {errorMessage && errorMessage}
+ {isError && 'error발생'}
  </S.Container>
  </Layout>
  );
@@ -73,7 +74,6 @@ export default function PostDetailPage() {
  await setEarlyClosePost(postId)
  .then(res => {
  alert('게시물을 즉시마감했습니다.');
- refetch();
  })
  .catch(error => alert(error.message));
  },