Custom Hook
- 이름이 use로 시작하고 내부에서 다른 Hook을 호출하는 하나의 자바 스크립트 함수
Custom Hook을 만들어야 하는 상황
- useState와 useEffect를 사용하는 부분이 동일
Custom Hook 추출
Custom Hook 사용
여러 개의 컴포넌트에서 하나의 Custom Hook을 사용할 때 컴포넌트 내부에 있는 모든 state와 effects는 전부 분리되어 있다.
- 리액트 컴포넌트는 각 Custom Hook 호출에 대해서 분리된 state를 얻게 됨
- 각 Custom Hook의 호출 또한 완전히 독립적
Hook들 사이에서 데이터를 공유하는 방법
- setUserId를 통해 유저 아이디가 변경될 때 마다 새로 선택된 사용자의 온라인 여부를 확인
(이런 방법으로 데이터를 공유 할 수 있음)
