[React] 키(Keys)에 대해서 알아보기

Keys # 키는 React가 어떤 항목이 변경, 추가 또는 제거되었는지 식별하는 데 도움이됩니다. 요소에 안정적인 ID를 제공하려면 배열 내부의 요소에 키를 제공해야합니다. const numbers = [1, 2, 3, 4, 5]; const listItems = numbers.map((number) => <li key={number.toString()}> {number} </li> ); # 키를 선택하는 가장 좋은 방법은 형제 중에서 목록 항목을 고유하게 식별하는 "문자열을 사용"하는 것입니다. 대부분의 경우 "데이터의 ID를 키로 사용"합니다. const todoItems = todos.map((todo) => <li key={todo.id}> {todo.text} </li> ); # 렌더링 된 항목에 대한 "안정적인 ID가없는 경우" 마지막 수단으로 "항목 색인을 키로 사용"할 수 있습니다. const todoItems = todos.map((todo, index) => //...

원문링크 : [React] 키(Keys)에 대해서 알아보기