typescript 함수 type 정의 방법

<Menu>.tsx Select 상태 관리시 사용하는 함수

  const handleMainAxis = (e: React.ChangeEvent<HTMLSelectElement>) => {
    setMainAxis(e.target.value);
  };

<Select Component>.tsx Props 함수 형태로 넘겨 주기

	interface SelectCssProps {
  		selectTitle: string;
  		optionList: string[];
        // parameter (e) 명시 -> return (void) 명시
  		handleFn: (e: React.ChangeEvent<HTMLSelectElement>) => void;
	}

Reference

코딩 기록 2022. 11. 6.(일) Typescript 함수형 변수(delcare function type) 사용법 4개