react 조건부 연산자_삼항연산자

JSX 내부의 자바스크립트 표현식에서 if 문을 사용할 수는 없다.
하지만, 조건에 따라 다른 내용을 렌더링해야 할때는

1. JSX 밖에서 if 문을 사용하여 사전에 값을 설정한다.
2. { } 안에서 조건부 연산자_삼항연산자 를 사용한다.

조건부연산자_삼항연산자

import React from 'react';

function App() {
  const name = '리액트';
  return (
    <>
      <div>{name === '리액트' ? <h1>리액트입니다.</h1> : <h1>리액트가 아닙니다</h1>}</div>
    </>
  );
}

export default App;