React Hook

React 에서 기존에 사용하던 Class를 이용한 코드를 작성할 필요 없이,
state와, 여러 React 기능을 사용할 수 있도록 만든 라이브러리

React Hook의 필요성

함수형 컴포넌트도 클래스형처럼 사용할 수 있다.
함수형 컴포넌트는 클래스 컴포넌트와 다르게,모듈로 활용하기 쉬워서 서로의 장점을 전부 가지고 있다.

React Hook의 사용규칙

• 같은 Hook을 여러번 호출할 수 있다.
• 비동기 함수는 콜백 함수로 사용할 수 없다.

React에서 기본적으로 지원하는 Hook

1.useState:컴포넌트의 state를 관리 할 수 있다.
2.useEffect:렌더링 이후에 실행할 코드를 만들수 있다.
3.useContext:부모컴포넌트와 자식컴포넌트 간의 변수와 함수를 전역적으로 정의할 수 있다.
4.useReducer:state 업데이트 로직을 reducer함수에 따로 분리 할수 있다.
5.useRef:컴포넌트나 HTML요소를 래퍼런스로 관리할 수 있다.