React 기초 학습 6.반복문에서 key (Zerocho님 강의 학습 의식의 흐름대로 노트 정리)

강의 유튜브 주소 :

https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn

 

---

반복문을 돌릴때 key값을 필수로 입력해줘야한다.

성능최적화의 문제

따라서 key값은 단순히 index값이 아닌 유니크한 값이어야한다.

i + 1과 같이 예제로 쓴 것도 좋지않다고한다.

추후에 성능최적화와 관련된 공부를 해야겠다.

(수정 없이 추가만 단순히 할 경우 index만 넣어도 된다고한다)

 return (
    <>
      <ul>
        {test.map((v, i) => {
            return (
              <Example key={ `${i + 1}차 시도`} tryInfo={v} index={i} />
            );
        })} 
      </ul>
    </>
  );