완료와 취소간의 상호이동 기능 구현

완료를 누르면 할 일 목록에서 완료 목록으로 취소를 누르면 완료 목록에서 할 일 목록으로 이동하게 구현하고 싶었다.

그래서 map 메서드를 이용하여 객체 내부의 isDone 값이 true라면 false로 false라면 true로 바꿔주는 조건을 달아주었다.

문제점 발생

선택항목의 값이 아닌 전체가 같이 바껴버림.

해결방법

왜 그런지 찾아보니 식별자가 필요하다는 것을 알아냄.

그래서 id를 매개변수로 받아온 뒤 조건을 수정해주었다.

테스트를 위해 중앙에 있는것을 내려보았다.

잘 작동하는 것을 확인.

연습을 위해 화살표 함수로 변경해보았다.