ReactJS 리액트 Custom Hook 만들기 예제

https://ko.reactjs.org/docs/hooks-custom.html

자신만의 Hook 만들기 – React

 

위의 예제를 바탕으로 실제로 사용하는 예제를 만들어 보았다

 

useCustomHook.tsx 파일을 생성한다, 여러개의  리턴을 주고 싶다면 {} 안에 선언해주면 된다

import { useCallback, useEffect, useState } from 'react';

const useCustomHook = () => {
  const [isOnline, setIsOnline] = useState(null);
  const onCallBack = useCallback();

  return { onCallBack, isOnline };
};
export default useCustomHook;

 

사용하는 부분에서는 아래와 같이 선언해서 사용하면 된다

import useCustomHook from 'useCustomHook';

const { onCallBack, isOnline } = useCustomHook();