[자체 해결]삭제하기 시 경고 alert 출력
저도 질문자님과 같이 구현을 시도하다가 공유하고 싶어서 답글 남깁니다.사용자가 "삭제하기" 버튼을 클릭했을 때 삭제 확인 팝업이 나타나고, 사용자가 "확인"을 클릭했을 때만 폼이 제출되어야 합니다. 그러나 "취소"를 클릭했을 때도 폼이 제출되었습니다.e.preventDefault()를 사용하여 기본 폼 제출 동작을 막고, 사용자가 "확인"을 클릭했을 때만 requestSubmit()이 호출해 폼을 제출하도록 구현했습니다."use client"; import { useActionState } from "react"; import deleteReviewAction from "@/actions/delete-review.action"; export default function ReviewItemDeleteButton({ reviewId, bookId, }: { reviewId: string; bookId: string; }) { const [state, formAction, isPending] = useActionState( deleteReviewAction, null ); const handleSubmit = (e: React.FormEvent) => { const confirmed = confirm("정말로 삭제하시겠습니까?"); if (confirmed) e.currentTarget.requestSubmit(); else e.preventDefault(); }; return ( 삭제하기 ); }