리액트 타입스크립트 array map - 셀프 개발자 코딩 부트캠프

function App() {
 
 let names:Array<string> = ["사과", "고구마", "오렌지"];
 let nameList = names.map(name => (<li>{name}</li>));
 
 return (
  <>
   <ul>
     {nameList}
   </ul>
  </>
);
}
export default App;

array 를 render 부분에서 보여줄 수 있다. 
map 은 c# linq에 있는 select 와 비슷하다.
c# 에 있는 extension method같은 기능이 typescript에 있다면 위와 같은 상황에서 편할것 같다. 귀찮아서 조사는 안해봄.

 

https://jinibh.tistory.com/711

리액트 useState - 셀프 개발자 코딩 부트캠프