공식 홈페이지와 책을 참고했습니다.

https://ko.reactjs.org/docs/hooks-intro.html

Hooks

Hooks는 함수형 컴포넌트에서 상태를 관리할 수 있고 컴포넌트의 생명주기에 맞춰 특정 작업을 수행할 수 있다.

useState

기본형태

const [count, setCount] = useState(default);

새터함수는 비동기로 작동한다.

새터함수 사용 방법

1. 매개변수에 직접 변경할 값을 전달
   1. 상태 변경이 여러 번 일어날 경우 상태가 변경되기전에 또 다시 상태에 대한 업데이트가 실행되는 상황이 발생된다.
2. 매개변수에 함수를 전달
   1. 전달된 함수는 변경되기 전 상태 값이 매개변수로 전달되며 이 값을 어떻게 수정할지 정의하면 된다.
   2. 이전 값을 파라미터로 받는 함수는 비동기적 문제를 해결할 수 있다.