삭제된 게시물 TIL

2023.09.16

오늘의 회고

프로젝트 제출하자.

not found

게시물 카드를 클릭하면 해당 포스트의 디테일 페이지로 이동한다.
.../partner/detail/postid
만약 이미 삭제된 게시물이면 에러페이지를 보여주자.

export const getPartnerPost = async ({ postId }: { postId: string }) => {
  const { data, error } = await supabase.from('partnerPosts').select('*').eq('id', postId).single();
  // 테이블에 postid의 데이터가 없을 시 error
  if (error) {
    throw error;
  }
  return data;
};

 const { data, isLoading, isError } = useQuery(['partnerPost', postid], () => getPartnerPost({ postId: postid as string }));

// react-query의 isError를 이용해 에러 페이지를 보여주자.
if (isError) {
    navigate('notfound');
}