[React] AND(&&)를 사용한 조건부 렌더링

특정 조건을 만족할 때 내용을 보여주고, 만족하지 않을 때 아무것도 렌더링하지 않아야하는 경우

• 조건부 연산자를 사용한 구현

import React from 'react';

function App(){
  const name = 'june';
  return <div>{
    name === 'june' ?
    <h1>june 맞음 </h1> :
    null } </div>
}
export default App;

• && 연산자를 사용한 구현

import React from 'react';

function App(){
  const name = 'june';
  return <div>{
      name === 'june' && <h1>june 맞음</h1>}
    </div>;
}

export default App;