emayom.log

  • 방명록

키 1

[React] #10 리액트 : Key

🔥 Warning: Each child in a list should have a unique "key" prop. 🔥 익숙한 워닝이다 ,,,! 리액트에서 map을 사용해서 엘리먼트를 하나씩 만들어낼 때 키 값을 주지 않으면 항상 보게 되는 문구이다. 리액트에서 key는 도대체 왜 중요한 것일까? Key ( index ❌ ) 리액트에서 key는 꽤 중요한 듯 보인다. 경우에 따라 키를 줬을 때와 안 줬을 때의 리렌더링에는 큰 차이가 있다. 배열이니까 key를 편하게 index로 주면 안 되나? 어차피 자기들끼리 다르면 유니크한 것 아닌가라고 생각했다 ㅎㅎㅎ 결론은 아니다! 그렇게 사용하면 안 된다. 예를 들어 아래와 같이 카드가 다른 순서로 섞인 배열의 패가 있다고 했을 때, 이것을 1초마다 카드를 섞듯..

JS/React 2021.09.10
이전
1
다음
더보기
프로필사진

emayom.log

습관의 고리는 인식할 수 없을 정도로 너무 약해 보인다. 그러다가 끊어버릴 수 없을 정도로 막강해진다.

  • 분류 전체보기 (114)
    • HTML (2)
    • CSS (10)
      • SCSS (0)
      • CSS3 (0)
    • JS (32)
      • [Udemy] 클린코드 자바스크립트 (0)
      • Javascript (14)
      • React (12)
    • Programmers (46)
      • Algorithm, Data Structure (3)
      • Level 1 (36)
      • Level 2 (7)
    • FE interview (5)
    • etc. (16)
      • git (4)

Tag

css, 레벨 1, programmers, 컴포넌트, JS, 기술면접, 함수 선언식, Jeklly, React, 코딩테스트, javascript, 코테, input, html, level 1, 리액트, 자바스크립트, 프론트앤드, 프로그래머스, level1,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바