01.19 - Custom Hook 사용 조건 / React: Too many re-renders Error

 

1. Custom Hook 사용 조건

• Rules of Hooks를 지켜야 함
• 다른 컴포넌트에서 hook을 동시에 여러군데서 사용해도 side effect가 없어야 함
• 디버깅하기 용이해야 함

https://medium.com/finda-tech/%ED%95%80%EB%8B%A4%EC%97%90%EC%84%9C-%EC%93%B0%EB%8A%94-react-custom-hooks-1a732ce949a5

핀다에서 쓰는 React Custom Hooks

 

2. React: Too many re-renders Error

• setState 함수가 react component function에서 useEffect나 closure로 감싸져 있지 않아서 생기는 문제
• 컴포넌트 render → setState 초기화 → 컴포넌트 render → setState 초기화 → so on....