본문 바로가기
React/Keeper-app | To-Do-app clone

[Keeper-App 4] notes array 만들어 노트 map()으로 돌리기

by CodeMia 2022. 4. 17.

이제는 들어오는 note들을 담을 state를 만들어 보자. 

 

notes들을 담을 useState를 설정한 후 

버튼 클릭 되었을 때 note가 addNote함수로 들어오면 

array 안에 쌓이도록 작업한다. 

 

 

 

array에 있는 아이템을 map()으로 돌린다. 

 

 

 

입력한 내용이 잘 나오는 것을 볼 수 있다. 

하지만 입력한 내용이 사라지지 않고 있다. 

 

 

 

 

내용 입력 후 버튼 눌렀을 때 

note가 다시 리셋 되도록 한다. 

 

 

 

내용 입력 후 자동으로 내용이 없어지는 것을 볼 수 있다.

 

 

 

댓글