[2023.07.03] 개발일지

드디어 Level 2 과제를 시작!!

 

map() 메서드를 사용해서 input태그에서 받아온 값을 todo list 객체에 추가하고 그 업데이트된 todo list 값을 화면에 출력헤보려고 하는 과정에서 에러가 발생했다.

내가 짠 코드는 이러한데

문제가 되는 것은 map() 메서드를 사용해 title 요소의 값을 출력해주려면 고유 key값이 필요하다는 것이다.

그래서 나는 고유 key값을 입력해 코드를 짜 보았다.

 

 

 

{data.map((item) => {
    <div key={item.id}>{item.title}</div>
})}