✏️useState

기능적 구성 요소에서 상태를 관리할 수 있게 해주는 React hooks

state는 시간이 지남에 따라 변경되고 구성 요소의 출력에 영향을 주는 모든 데이터이다.

useState를 사용하려면 react 패키지에서 가져와야 한다.

예시 코드

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // count는 0으로 초기화되고, setCount를 호출하면 count 값을 업데이트할 수 있다.

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}> // 버튼을 클릭하면 카운트가 증가하고, 화면에 반영된다.
        Click me
      </button>
    </div>
  );
}