개발일지

key={index}를 사용하면 안되는 이유 본문

리액트

key={index}를 사용하면 안되는 이유

MotherCarGasoline 2022. 6. 9. 01:09

https://sambalim.tistory.com/150

 

React 에서 key값을 index로 하면 안되는 이유

{list.map((item, index) => ( ))} map 함수를 사용하여 DOM Elements들을 만들 경우 key 값이 없으면 Each child in an array or iterator should have a unique "key" prop. 이라는 에러와 만나게 됩니다. {list..

sambalim.tistory.com

https://velog.io/@vlfflq2004/React-Index%EB%A5%BC-key%EB%A1%9C-%EC%93%B0%EB%A9%B4-%EC%95%88%EB%90%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

 

React Index를 key로 쓰면 안되는 이유

 

velog.io

 

key={index}를 주면 순서대로는 상관없지만 값이 맨 첫번째 추가 되면 모든값이 렌더링 된다. 불필요한 렌더링을 만들기 때문에 효율적이지 않다. 더 좋은 방법도 있으며 key={index}를 사용해도 되는 이유도 있다. 하지만 권하지 않는다 

'리액트' 카테고리의 다른 글

리액트,스프링 axios 연결 CORS 오류 / has been blocked by CORS policy: No 'Access-Control-Allow-Origin'  (0) 2022.06.12
비밀번호 확인 2개 인풋 비교하기  (0) 2022.06.10
onClick = useNavigate 실행 순서 오류 / 2개 함수를 실행 할 때는 순서 맞게 정리하기  (0) 2022.06.07
redux, Action Creators에 딕셔너리 자리에 변수 하나만???  (0) 2022.06.07
useHistory와 useNavigate의 차이?? 뭘 써야하나?  (0) 2022.06.07
'리액트' Related Articles more
Comments