3장. React 삼항연산자와 주석처리

📍 함수

• 삼항 연산자

  {name === 'velopert!' && <div>벨로퍼트다!</div>}
• JSX 함수 즉시 호출

import React, { Component, Fragment } from 'react';
import './App.css';
class App extends Component {
  render() {
    const name = 'velopert!';
    const value = 1;
   //
    return (
      <div>
          {
            (()=> {
              if (value === 1) return <div>1이다!</div>
              if (value === 2) return <div>2이다!</div>
              if (value === 3) return <div>3이다!</div>
              return <div> 없다! </div>
            })()
          }
      </div>
    );
  }
}
export default App;

💡 JSX 주석 처리

• 방법 1 : Tag 속 입력

 <h1 //주석 입력
>리액트
 </h1>

• 방법 2 : { /**/ }

{ /* 주석 입력 / }

유튜버 출처 : Minjun Kim