Custom Hooks

• 개발자가 스스로 커스텀한 훅을 의미한다.
• 중복되는 코드를 hook으로 만들수 있음.
• 반복되는 로직을 함수화 시켜서 사용할때 일반 함수에서 쓰지못하는 React 내장 Hook을 사용할 수 있음

function componet1(props){
  const isOnline = useCustomhook(props.id);
  return 
  		...
}
function componet2(props){
  const isOnline = useCustomhook(props.friend.id);
  return 
  		...
}

function useCustomhook(id){
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    fetch(id).then(result => setIsonLine(result)
    }
  return isOnline;
}
        

규칙

• Custom Hook을 정의 할땐 이름앞에 use를 붙여야함.
• hooks 디렉토리에 Custom hook을 위치 시킨다.
• return 값은 조건부가 아니여야 한다.