[React] 조건부 연산자

JSX 내부의 자바스크립트 표현식에서는 'if'문을 사용할 수 없다.

• 조건에 따라 다른 내용을 렌더링해야 할 때는 JSX 바깥에서 if문을 사용하거나, 조건부 연산자를 사용한다.

<div>
  { '조건식' ? ( true 일 때 내용) : ( false 일 때 내용)}
</div>

• example

import React from 'react';

fucntion App(){
  const name = 'june';
  return (
    <div>
      { name === 'june' ? 
        (<h1> this is june's post </h1>) :
        (<h2> name error </h2>) 
      }
    </div>
  );
}
export default App;