Creating a Counter using React Hooks

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 연동할 수 있게 해주는 함수이다. Hook은 class 안에서는 동작하지 않는다. 대신 class 없이 React를 사용할 수 있게 해준다.

1. 최상위(at the top level)에서만 Hook을 호출해야 한다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행할 수 없다.
2. 직접 작성한 custom Hook 내 or React 함수 컴포넌트 내에서만 Hook을 호출해야 한다.

React hook Counter

• Hook 개요
• Basic React Hooks Example - Josh Collinsworth