React typescript type 지정하기
각종 리액트 변수 및 함수들을 파라미터로 넘기려는 데 type을 알 수 없어서 몇 번 검색하다가 자주쓰는 건 정리해놓기로 했다.
setState
React.Dispatch<React.SetStateAction<any>>
const funcA = (setStateParam: React.Dispatch<React.SetStateAction<string>>) => {
// something
}
onClick Event Handler
MouseEventHandler<HTMLButtonElement>
const funcB = (onClick: MouseEventHandler<HTMLButtonElement>) => {
// something
}
onClick Event
React.MouseEvent
const onClickHandler = (e: React.MouseEvent, command: string) => {
// something
}
onChange Event Handler
ChangeEventHandler<HTMLInputElement>
const onChange: ChangeEventHandler<HTMLInputElement> = () => {
// something
}