[React] map 사용시 props 의 key값

react에서 map을 사용할시 key값을 부여해주는 가장 큰 이유는 key값을 부여해주지 않으면 사이트가 전체적으로 불필요한 rendering을 진행함

key는 엘리먼트에 고유성을 부여하기 위해 배열 내부의 element에 저장함

key값을 부여해주지 않아도 에러는 발생하지 않지만 warning이 뜬다
불필요한 rendering을 막기위해 key값에는 고유한 index값을 줘야하는데

comment.map((props,i) => {
<Comment key={i} content={props} />
)}

요런식으로 써주면 된다~

좋은 웹페이지 즐겨찾기