[React] if문과 for문 대체

tnsdlznf23·2023년 3월 1일
0

JSX의 { } 안에는 if문/for문 사용불가 => 삼항연산자,map으로 대체 가능 (조건식에는 return문 사용x)

#map

  • array 자료 갯수만큼 함수안의 코드 실행해줌

    [1,2,3].map(function(){
    	console.log(1)
    }); 
    //콘솔 창에 1이 3번찍힘
  • state가 array로 들어올 경우에 아래 코드로 JSX안에 반복문처럼 사용 가능

    {
    state.map(function(a){
    	return (
        //JSX코드, state배열의 값 각각 가져와야 할때 변수 {a}로 담아주기
        )}
     }

profile
프론트엔드 개발 기록장

0개의 댓글