[Hooks] 훅스의 규칙

훅스는 컴포넌트의 영역 안에서만 작동한다 ( Only Call Hooks from React Functions)

리액트 컴포넌트 내부에서만 훅스를 호출해야 합니다. 마찬가지로 커스텀 훅도 결국에는 컴포넌트에 추가되야합니다. 

 

기능을 여러 훅으로 나누기 

훅스는 순서대로 호출되기 때문에 각 훅을 작게 유지하면 좋습니다. 

 

최상위 수준에서만 훅을 호출해야한다.  ( Only Call Hooks at the Top Level) 

조건문이나 루프 또는 중첩된 함수에서 훅을 사용해서는 안됩니다. 비동기 작업도 훅 안에서 실행시켜야 합니다. cra를 사용한다면 eslint-plugin-react-hooks라는 플러그인을 사용하면 에러를 잡을수 있습니다. 

 

 

 

Hooks can call other Hooks

 

 

Never call a Hook from a regular function