Todolist(3) - 삭제
주제 : TodoList
기능 :
1. 원하는 item onClick하면 title, content 내용이 나옴
2. 수정 기능
3. 삭제 기능
4. 추가 기능
<3. 삭제 기능 >
삭제 기능은 버튼을 클릭을 하게 되면 해당 item이 제거 되는 형식이다.
const removelist = (id) => {
setTodos(todos.filter(todo => {
return todo.id !== id;
}));
};
삭제할 때 사용되는 removelist 함수를 만들어 주었고
handeclike 함수랑 비슷한 방식이다.
<button style={{margin:'50px 0 0 0'}} onClick={() => removelist(id)}>
삭제
</button>
위에서 만든 rmovelist함수를 버튼이 click 할 때 발생하도록 만든다.
git :
https://github.com/jinah26/bearTodolist
Author And Source
이 문제에 관하여(Todolist(3) - 삭제), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@zlor26/dfdf저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)