JSX 상에서 조건문을 길게 쓰지 않고 단순하게 엘리먼트를 렌더링 할때 사용한다.
특히 true/false와 같은 조건으로 React 엘리먼트를 렌더할 때 편하다.
<div> { this.state.logined && <Profile /> } </div>
this.state ={ logined : true } 이면 <Profile /> 엘리먼트가 렌더 된다.
<Profile /> 대신에 html 엘리먼트를 넣어도 된다. (<img src="./test.jpg" /> 이런 거)
공식 문서 : https://facebook.github.io/react/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored