저번 리액트 개인 프로젝트 때 삭제 부분에 window.alert() 메서드를 적용하여 유저가 게시글 삭제 버튼을 누르면 '삭제하시겠습니까?' 라는 경고창이 뜨도록 했었는데, 생각해 보니 이 경우에는 window.confirm()이 더 적절하지 않나 생각이 들었다.
삭제 버튼을 누르면 무조건 삭제만 되고.... 취소가 되지 않기 때문. (삭제 하기 싫을 수도 있으니까)
우선 window.confirm() 에 대해 알아보았다.
window.confirm() 메서드는 하단과 같은 메시지와 함께 확인 , 취소 버튼을 display해주며, boolean 값을 반환한다.
(확인: true / 취소: false를 반환)
나의 코드
const deletePost = () => { if (window.confirm('게시글을 삭제하시겠습니까?')) { return dispatch(postActions.deletePostDB(props.postId)); } else { return; }; };
이렇게 해주고 Button onClick 부분에 변수명을 넣어주면 된다.
잘 작동하는 것 까지 확인 완료!