&&, enum 등등 if

react에서 사용하는 몇가지 if 와 오브젝트를 활용한 if, enum을 활용한 if 등등

 

삼항연산자 중, 아닐 때가 null이라면 &&으로 생략 가능

{
	(1 < 3) ? <div></div> : null
}

위 구문을

{
	(1 < 3) && <div></div>
}

로 줄일 수 있다

 

object 자료형을 이용해서 선택적 if

let state = 'view';
{
	{
    	view : <p>뷰</p>,
    	noview : null,
    	update : <p>수정뷰</p>,
    }[state]
}

// 오브젝트인 {} 뒤에 [] 대괄호를 붙여 key값이 현재상태인 자료를 선택하겠다는 의미

var ui = {
	view : <p>뷰</p>,
    noView : null,
    update : <p>수정뷰</p>
}

function Component() {
	var state = 'view';
    return(
    	{
        	ui[state]
        }
    )
}