React Hooks

React가 가지고 있는 세가지 문제점.

1. Wrapping Hell

2. 너무 큰 컴포넌트

3. Class / this / bind

 

React Hooks란...

- 기존에 class형태로 관리되던 컴포넌트를 function을 통해 만들 수 있게 해주는 API이다.

 

React Hook를 사용하는 이유...

- 가독성

useState() = state관리

useEffect() = lifecycle관리

재사용성(함수의 재사용성)

 

React Hook의 장점:

1. useState로 state관리

   ① useState를 import하여 직접 함수를 사용.

   ② state를 변경하거나 선언할때 this와 constructor를 사용하는 것과 다르게 함수 안에 기본값을 넣고 객체를 바로 받        아서 사용할 수 있게 되어 this가 모두 생략된다.

   ③ render()가 사라지고 바로 return할 수 있게된다.