본문 바로가기
WEB/Front-End🌝

[React] Delete 구현

by narang111 2021. 10. 16.

create, update까지 구현을 해봤다.

이제 여기서 목록 중 하나를 누르고 delete를 누르면 해당 컨텐츠를 삭제하고 싶다.

 

Delete 버튼은 control 컴포넌트 안에 있다.

안을 보면 input 태그에 delete 버튼이 있고 onChangeMode라는 props 를 호출하고 있다.

우리는 _mode가 delete로써 onChangeMode가 호출된다면 삭제 operation이 시작된 것을 알 수 있다.

 

삭제기능 구현하기

 

삭제할 때 진짜 삭제하냐고 물어보도록 confirm을 사용할 것이다.

삭제하려는 contents_id와 일치하면 삭제하고 삭제가 되었다는 alert를 띄워준다.