create, update까지 구현을 해봤다.
이제 여기서 목록 중 하나를 누르고 delete를 누르면 해당 컨텐츠를 삭제하고 싶다.
Delete 버튼은 control 컴포넌트 안에 있다.
안을 보면 input 태그에 delete 버튼이 있고 onChangeMode라는 props 를 호출하고 있다.
우리는 _mode가 delete로써 onChangeMode가 호출된다면 삭제 operation이 시작된 것을 알 수 있다.
삭제기능 구현하기
삭제할 때 진짜 삭제하냐고 물어보도록 confirm을 사용할 것이다.
삭제하려는 contents_id와 일치하면 삭제하고 삭제가 되었다는 alert를 띄워준다.
'WEB > Front-End🌝' 카테고리의 다른 글
[React JS] JSX 알아보기 (0) | 2021.12.02 |
---|---|
[React] 마지막 정리 (0) | 2021.10.16 |
[React] Update 기능 구현, 리팩토링 (0) | 2021.10.12 |
[React] 성능개선을 좀 더 편하게하기 (create) (0) | 2021.10.11 |
[React] CRUD를 곁들인,,, (Create) (0) | 2021.10.11 |