리액트 map

리액트는 반복문을 처리하는데 map을 많이 쓴다.

<ul>
  {
    list.map( el =>{
      return <li>{el}</li>
    })
  }
</ul>

이런 식으로.

 

map 자체는 js 자체의 기능이긴 하다.

리스트.map(각각요소의별칭 =>{
	~~처리나 계산 등~~~
	return <li>{각각요소의별칭}</li>
})

저렇게 return 해서 최종적으로 각 element에 들어갈 값을 return 시켜준다.

저러면 최종적으로 return된 값이 모인 배열이 완성되었었나?