Custom react hook
- React에서 제공하는 Hook 외에 개발자가 직접 만드는 Hook
React에서 제공하는 Hook
- useState
- useEffect
- useReducer
- useCallback
- useMemo
etc...
Custom Hook 이 필요한 이유
- Component 내부에서 여러 Hook 의 결합으로 사용하는 것이 복잡하고 읽기 쉽지 않다.
- 하나의 Hook내부에서 여러 Hook 들을 결합해 사용하기 위해서
함수의 이름을 use로 시작하면 Custom Hook으로 취급한다.
- Custom Hook은 Component 내부에서만 사용 가능
- 다른 Hook 혹은 함수 내부에서는 사용할 수 없다.
- React Hook도 동일하다.
간단 예시
파일명은 상관 없지만, 함수 이름은 반드시 앞에 use 붙이기
- timeout.js
- App.js
하면
이렇게 3초마다 계속 나옴.
