state를 세팅하는 2가지 방법

 
    function App() {
      const [counter, setCounter] = React.useState(0);
      const onClick = () => {
        //setCounter(5);
        setCounter((current) => current + 1);

        {/*state를 세팅하는 데는 2가지 방법이 있다.
          1) 직접 할당 :setState(state +1)
          2)함수를 할당:setState(state => state +1) (함수의 첫번째 인자는 현재 state 이다)

          현재 state랑 관련이 없는 값을 새로운 state로 하고싶은 경우에는 (1),
          현재 state에 조금의 변화를 주어서 새로운 state를 주고 싶은 경우에는 (2)*/}
      };
      return (
        <div>
        <h3>Total clicks: {counter}</h3>
        <button onClick={onClick}>Click me</button>
      </div>
      );
    }
    const root = document.getElementById("root");