자바스크립트 window.confirm() 메서드

HJ·2022년 2월 16일
0

JavaScript

목록 보기
36/45

저번 리액트 개인 프로젝트 때 삭제 부분에 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 부분에 변수명을 넣어주면 된다.
잘 작동하는 것 까지 확인 완료!

0개의 댓글