React map()

Map?

map함수를 사용할 때 고유한 key값을 꼭 같이 사용해야한다.

예시코드

posts.map(({ _id, categoryName}) => ( 
  	<div key={_id} className="mr-3">
    	    <a href={`/post/category/${categoryName}`}>
		<span>
		<Button>{categoryName}</Button>
		</span>
           </a>   
        </div>

• 여기서 key값은 _id이고, 이것은 mongoose 데이터베이스 테이블에 부여된 아이디이다.
• 배열의 순서가 바뀌면 안되므로 categoryName을 key값으로 사용하면 안된다.