[React] 리액트 훅(Hook) 사용할 때 에러 : Hooks can only be called inside of the body of a function component.

제목에서 이미 해결방법이 나왔다.

 

 Hook을 사용할 때...

 

이렇게 작성을 해야 버튼을 눌렀을 때, 1씩 올라가는 예제가 정상적으로 만들어진다.

 

그런데, 

 

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

 

이 부분을 App() 컴포넌트 밖으로 선언하게 되면 에러가 발생한다.

영어를 좀 하면 해결할 수 있다.

 

훅(Hook)은 반드시 함수 컴포넌트 내부에 호출해야한다.