[React] jsx 문법에서 논리 && 연산자로 If를 인라인으로 표현

jsx 문법에서 논리 && 연산자로 If를 인라인으로 표현하기

jsx 문법에서는 중괄호 '{}' 를 이용해서 표현식을 포함 할 수 있습니다.

여기서 표현식 내부에 && 논리 연산자를 사용하면 엘리멘트를 조건부로 넣을 수 있습니다.

 

 

 

 

조건이 true일때 엘리멘트 활성화됨

 

 

 

 

 

 

 

다음과 같이 코드를 구성하면 버튼을 눌렀을 때 isBool값이 true, false로 반복하게 되고

값이 true일때만 h1 태그가 활성화됩니다.

다음과 같이 중괄호 {} 내부에 {조건 && 엘리멘트} 를 입력하면 조건이 true일 때 엘리멘트가 활성화됩니다.