useState
훅은 함수 컴포넌트에서 가변적인 상태를 관리하게 해준다. 🧰useState
는 상태값과 상태 설정 함수를 반환하는 배열을 반환한다. 📦useState
훅의 매개변수는 상태의 초기값을 설정한다. 🎨- 상태값을 변경하는 함수는 일반적으로
set
으로 시작하고 카멜 케이스로 작성한다. ✍️ - TypeScript와 함께 사용할 때
useState<타입>()
으로 타입을 지정할 수 있다. ⌨️ - 데이터 바인딩을 위해 React에서는 중괄호
{}
를 사용하여 상태값을 UI에 표시한다. 🖼️ - 인풋 엘리먼트의 이벤트 타입은
React.ChangeEvent<HTMLInputElement>
로 지정해야 한다. ⚠️