컴포넌트가 렌더링 될 때 특정 작업을 실행할 수 있도록 하는 Hook이다.
예를 들면 function component에서 state을 가질 수 있게 된 것
만일 앱을 react hook을 사용하여 만든다면 class component, render 등을 안해도 된다는 뜻이다.
모든 것은 하나의 function이 되는 것 함수형 프로그래밍이 가능해지는 것
state 변수, 해당 변수를 갱신할 함수 이 두 가지를 반환합니다. 가장 쉽게 클래스컴포넌트와 비교 해보도록 하겠습니다.
useState은 클래스 컴포넌트의 this.state.count와 this.setState와 유사합니다.
만일 아래와 같이 hook을 호출해 state를 추가하고 count를 0으로 초기화 했다면
const App = () => {
const [count,setCount] = useState(0)
}