[react]条件演算子


JSX内部のJavaScript式では「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;