값을 배열 형식으로 저장하고 map()을 사용하여 값을 반복하여 뿌려주는 형식을 생각했다.
그런데 아래의 방식으로 사용하면 배열의 길이가 늘어나는 게 아닌 기존의 값이 갱신되는 문제가 발생하였다. 혼자 아무리 찾아봐도 답이 안 나와 팀원분의 코드를 해석하며 방법을 찾아냈다.
setTodo((prev) => ({
id: prev.length + 1,
title: title,
content: content,
isDone : false,
}));
바로바로!!!
spread 연산자를 사용하는 방식!!
이전 배열(누적된 크기)을 ...prev
로 가져오고, 현재 객체를 배열에 추가!!
const [todo, setTodo] = useState([]);
setTodo((prev) => [
...prev,
{id: prev.length + 1,
title: title,
content: content,
isDone : false,
},
]);
}else{
alert("test");
}
후.. 너무 간단해서 허무했다..ㅠㅠ 시간은 없는데🥹🥹
지금 당장 과제를 완성하기보다는 문법을 해석하고 이해하는 게 미래의 나에게 이득이라고 생각이 들어 팀원분들의 코드를 해석해 보기로 마음먹었다.😤
오늘의 TIL 끝~ ~~~~ 중꺽마(중요한 건 꺽이지 않는 마음!!)