[React/ISSUE] key={index}를 쓰면 안되는 이유
·
FrontEnd
1-1. 무슨 문제가 발생했지? 첫 번째 사진과 같이 0이라 적혀있는 item의 수정버튼을 누르고 저장하지 않고 그냥 삭제를 눌렀을 때 두 번째 사진처럼 분홍색 input은 삭제가 되었지만 노란색 input의 text가 1에서 0으로 바뀌어버리는 문제가 발생했다. 1-2. 원인이 무엇일까? {arr.map((elem, index) => ( handleDelete(index)} handleModify={handleModify} /> key값을 index로 주고 삭제와 수정 함수의 인자도 index로 받도록 코드를 짰었다. 이렇게 key를 배열의 index로 주고 index 기준으로 코드 구현 시 위와 같은 이상한 문제가 발생하는 것이다. 그렇다면 왜일까? 결..