카테고리 없음

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;