React 커스텀 훅 라이프사이클

커스텀 훅은 훅이 호출된 컴포넌트의 라이프 사이클을 따릅니다. 간단하게 호출하는 컴포넌트의 자식 컴포넌트라고 생각하면 이해가 쉽습니다. B, C 컴포넌트에서 각각 호출된 useCustomHook은 서로 다른 라이프사이클을 갖는 훅입니다. hook이 아닌 Button이라는 컴포넌트가 B, C에서 각각 호출 됐을 때 Button 컴포넌트가 데이터를 공유하지 않는 것과 같습니다. 질문에 답변해보면 1. useCustomHook 각 컴포넌트에서 서로 다른 라이프 사이클을 형성하므로 데이터를 공유하지 않습니다. 2. 라이프 사이클이 다르기 때문에 B 컴포넌트의 리렌더링은 C 컴포넌트의 useCustomHook의 호출에 영향을 끼치지 않습니다. 같은 훅이 여러 자식 컴포넌트 사이에 중복으로 호출됐을 때 라이프 사이클을 헷갈리는 경우가 있는데, 중복 호출로 인해 불필요한 리렌더링이 발생하지 않도록 훅을 잘 분리하는것이 중요합니다!