map2 [리액트/에러해결] Warning: Each child in a list should have a unique "key" prop 해결방법 ⚠️ 에러내용 원문 Warning: Each child in a list should have a unique "key" prop. 해석 리스트 안에 있는 각각의 자식 요소가 유니크한 key를 가져야한다. ❓ 에러발생이유 리액트에서 map을 사용해 리스트를 만들때 각 리스트에 식별자로서 key값을 부여해야한다. 리액트는 key를 사용해서 어떤 요소가 변경되었는지를 파악한다. ❗️ 해결방법 map을 사용해 리스트를 만들때 key값을 부여해준다. 일반적으로 key값으로 id를 많이 사용하지만 key값으로 마땅한 데이터가 없다면 index를 key값으로 지정해줄 수도 있다. index를 key값으로 지정한 예제 import React from 'react'; class RefClass extends React.. 2022. 4. 7. [리액트] 리액트에서 자주 쓰이는 자바스크립트 배열의 메서드 3가지 (concat, filter, map) 리액트에서 객체나 배열을 업데이트 해야할때 주의점 직접 접근해 업데이트 할 수 없다 불변성을 지켜주면서 업데이트를 해야한다 (기존 배열이나 객체의 복사본을 업데이트) 기존 코드를 변화시키는 배열의 메소드를 사용할 수 없다 push(추가), splice 기존 코드를 변화시키지 않는 배열의 메소드만 사용해야한다 concat(추가), filter(삭제), map(수정) 불변성이란? 리액트에서 객체나 배열을 업데이트할때는 불변성(immutable)을 지켜주면서 업데이트를 해야한다. 불변성이란 상태가 생성된 이후 그 상태를 변경할 수 없는 것을 의미한다. 즉 리액트에서 어떤 값을 업데이트하기 위해서는 상태 변경을 하지 않아야 한다는 것이다. 상태를 변경하지 않고 어떻게 업데이트를 할 수 있을까? 정답은 업데이트를.. 2022. 3. 30. 이전 1 다음
