클릭 시 깜빡거리를 효과를 준다.
button과 비슷한 역할을 함.
웹의 onclick 역할을 한다.
const changeIsDone = (id) => {
const tasks = tasklist.map((task) => {
if (task.id === id) {
return {
...task,
isDone: !task.isDone,
};
} else {
return {
...task,
};
}
});
setTasklist(tasks);
};
tasks 변수에 tasklist 를 돌린다.
tasklist.map((task) => task.id === id) // true
이 식은 true 를 반환한다.
테스크가 있냐? 라는 식이기 때문!
그렇기 때문에 꼭 else 문으로 id 가 다를 경우 false를 반환하게 해주어야
배열 그대로 형태가 도출되게 되고
그 중 true인 것만 변환을 하고 false 인것은 변환하지 않는다.