카테고리 없음
react) 요소들을 map()을 이용해서 리턴
EverJunior Minjoo
2023. 10. 30. 15:25
반복 출력해야 하는 요소들을 배열에 넣고, map() 함수로 순서대로 나열해 컴포넌트 리턴
배열에다가 태그의 하위요소들을 담고, 그 요소들을 map()함수를 이용해서 상위 태그 아래에서 꺼내 출력할수있다.
이부분은 생활코딩에서도 설명들은부분
import react, { Component } from 'react';
class R033_ReturnMap extends Component{
render(){
const element_Array = [
<li>react</li>
, <li>200</li>
, <li>array map</li>
]
return(
<ul>
{element_Array.map((arrVal) => arrVal)}
</ul>
)
}
}
export default R033_ReturnMap;