key의 필요성, force rendering, index key 안티 패턴 제거
ko.reactjs.org/docs/lists-and-keys.html 리스트와 Key – React A JavaScript library for building user interfaces ko.reactjs.org list를 component로 뿌리기 위해서 다음과 같은 작업을 진행한 적이 있을 것이다. 사실 아래와 같은 방법은 안티 패턴이다. 반복되는 Component에 고유한 식별자인 key를 넣어주는 것이다. 추가적으로, 컴포넌트가 많아질때면 props를 기억하기 위해 React.memo를 이용하는 방법까지 살펴보았을 것이다. [1, 2, 3].map((el, i) => {el}) key를 이용한 force rendering 조금 변칙적인 사용법으로, 본래 사용법은 아니지만 force updat..