react)useState 기초 버튼 클릭할 때마다 카운트하기

import logo from "./logo.svg";
import "./App.css";
import { useState } from "react";
let counter = 0;
function App() {
  const [counter, setCounter] = useState(0);
  const onClick = () => {
    setCounter(counter + 1);
  };
  return (
    <div className="App">
      <div className="root">
        <h3>total click : {counter}</h3>
        <button onClick={onClick}>click me</button>
      </div>
    </div>
  );
}

export default App;