인프런 커뮤니티 질문&답변

자주 질문드려서 죄송합니다!! 

타입스크립트를 활용하는 부분이 여기서 처음 나오는 것 같은데요.

제가 타입스크립트를 배웠을 때에는 추론이 되더라도 장점을 살리기 위해 왠만하면 다 붙여주는 것으로 알고 있습니다. 하지만 현재 프로젝트에서는 추론되어지는건 생략하고 추론되어지지 않는 부분만 타입스크립트를 사용하시는 것 같아서요. 혹시 이게 더 좋은 방법이고 현업에서도 이렇게 이루어지는지 궁금합니다!

마지막으로 한가지 더 질문드립니다.

onChange같은 경우는React.ChangeEvent<HTMLInputElement> 을 활용하면 any를 사용하지 않고 오류를 발생하지 않는것으로 알고 있습니다. 밑에 코드처럼 이렇게 작성하면 되는지 궁금합니다!

import { Dispatch, SetStateAction, useCallback, useState } from 'react';

const useInput = <T = any>(
  initialData: T,
): [T, (e: React.ChangeEvent<HTMLInputElement>) => void, Dispatch<SetStateAction<T>>] => {
  const [value, setValue] = useState(initialData);

  const handler = useCallback((e) => {
    setValue(e.target.value);
  }, []);

  return [value, handler, setValue];
};

export default useInput;