[20240507] 앱개발 시작하기 #17 | State

State

import './App.css'
import { useState } from 'react'

// root 컴포넌트
function App() {
  const [state,setState] = useState(0);
  console.log(state);

  return (
    <>
      <h1>{state}</h1>
      <button onClick={()=>{
        setState(state+1);
      }}></button>
    </>
  )
}

export default App

import './App.css'
import { useState } from 'react'

// root 컴포넌트
function App() {
  const [count,setCount] = useState(0);
  const [light,setLight] = useState("off");
  console.log(count);

  return (
    <>
      <h1>{light}</h1>
      <button onClick={()=>{
        if(light==="off"){setLight("on");}
        else{setLight("off");}
      }}></button>
      <h1>{count}</h1>
      <button onClick={()=>{
        setCount(count+1);
      }}></button>
    </>
  )
}

export default App