튜터님께 받은 피드백

문제

지난 TIL에서 다뤘던 id값 코드리팩토링에서는

• ID에 같은 값이 중복되어 들어가는 오류 발생하여 (id 를 index의 length로 설정 했을때) -> useRef 훅을 사용하여 각 Todo블럭마다 고유 ID값을 생성했는데
• 튜터님께서 빈값으로 내용이 들어가면 문제가 발생한다며 힌트를 주셨다.

원인

input의 제목과 내용이 비어있는 상태로 [추가하기] 버튼을 클릭하여
Todo 생성시 해당 블럭들의 ID가 모두 초기값인 0으로 들어가는 현상을 발견!

• useState 훅은 새로 변한 값이 있을 때의 내용을 반환하는 훅으로
  초기값이 이미 0인 상황에서 아무 내용도 넣지 않고 [추가하기]버튼을 눌러
  그냥 초기값이 계속해서 들어갔음 , (중복되는 id 0의 값이 계속 생성!)

해결

제목의 input 태그에 required를 추가하여 사용자가 빈칸을 추가하지 못하도록 하여 ID중복 현상을 방지