react confirm 으로 물어보는 알림창 만들기

삭제 기능의 경우 잘못 삭제하면 안되므로

한번 더 물어보는 confirm창을 넣었다.

 

그리고 try, catch문으로 에러 핸들링을 했다.

 

 

const 즉시삭제함수 = () => {
	if (window.confirm('정말로 유저정보를 모두 삭제하시겠습니까? 복구할 수 없습니다')) {
		try {
			apiUsers.deleteUser({ userEmail: userEmail }, user?.accessToken)
            .then((result: any) => {
				console.log('사용자 삭제결과', result);
				alert('사용자 삭제가 완료되었습니다.');
				history.push({ pathname: `/user/list` });
			});
		} catch (error) {
			alert('삭제가 되지 않았습니다.' + error);
			console.log('사용자 삭제 중 에러', error);
			}
		} else {
			alert('취소하였습니다');
		}
	};

여기서 확인버튼을 누르면 api를 호출하고,

취소하면 취소하였습니다 알람이 뜬다.

 

만약 잘못된 정보를 보내거나 어떤 오류로 api통신에 실패했다면

catch로 에러를 잡는다 

 

만약 더 좋은 방법이 있다면 언제든지 알려주세요