[React] - 5차 - 조건 렌더링

import './App.css';

import { useState, useEffect } from 'react';

function App() {

  const [state, setState] = useState(false);

  const toggle = () => setState(!state);

  useEffect(() => {

    console.log(state);

  }, [state])

  const renderState = state ? "1번!!" : "2번!!";

  return (

    <div className="App">

      <div>

        {renderState}

      </div>

      <button onClick={ toggle }>토글글</button>

    </div>

  );

}

export default App;

---