버튼을 눌러 State변경하기예제

import React, { useState } from 'react';

function App() {
  const [counter, setCounter] = useState(0);

  function onClickCounter() {
    setCounter(counter + 1);
  }
  function onClickdisCounter() {
    setCounter(counter - 1);
  }
  return (
    <div>
      <div>{counter}</div>
      <button onClick={onClickCounter}>+</button>
      {/* 익명함수사용 */}
      <button
        onClick={() => {
          setCounter(counter + 1);
        }}
      >
        +
      </button>
      <button onClick={onClickdisCounter}>-</button>
      {/* 익명함수사용 */}
      <button
        onClick={() => {
          setCounter(counter - 1);
        }}
      >
        -
      </button>
    </div>
  );
}

export default App;

나는 function을 직접 만들어서 onClick에 넣었는데, 강사님은 onClick내부에 익명함수를 만들어 바로 사용하셨다.