React에서 상태를 사용한 카운터

버튼 클릭 횟수를 세는 카운터를 만들어 봅시다:

jsxfunction App() {
  const [count, setCount] = useState(0);
  
  function clickHandler() {
    setCount(count + 1);
  }
  
  return <div>
    <span>{count}</span>
    <button onClick={clickHandler}>+</button>
  </div>;
}

핸들러 함수를 익명 화살표 함수로 대체하여 제거할 수 있습니다:

jsxfunction App() {
  const [count, setCount] = useState(0);
  
  return <div>
    <span>{count}</span>
    <button onClick={() => setCount(count + 1)}>+</button>
  </div>;
}