[React] 반복되는 div 축약하기(map)

 map 함수를 사용해 줄이기

 

 

  - 아래 코드를 살펴보면, className이 "list"인 <div>가 여러번 반복됨을 확인할 수 있다.

---

 

 - 위와 같은 코드의 반복을 줄이기 위해 게시글의 제목이 담긴 state인 title와 map함수를 사용할 수 있다.

---

 

 

 - Line 2 : title state의 각 요소들(Title1, Title2, Title3)을 element라는 이름으로 받아온다.

 - Line 5 : 기존에 title[0], title[1], title[2]로 하드코딩된 부분을 {element}로 바꿔 title에 담겨져 있던 요소들을 꺼내 해당 위치에 넣어 사용할 수 있다.