React_useEffect_addEventLister

import React from "react"

import { useState, useEffect } from "react"

export default function App(){

  const [num, setNum] = useState(0);

  useEffect(() => {

    console.log("effect")

    document.querySelector("#up").addEventListener("click", onIncrease);

  }, []);

  function onIncrease(){

    setNum(num + 1);

  }

  return(

    <>

    <h1>App</h1>

    <h1>{num}</h1>

    <button id="up">+</button>

    </>

  )

}

[]이 비었기 때문에 0에서 1 이후로 올라가지 않음