각종 리액트 변수 및 함수들을 파라미터로 넘기려는 데 type을 알 수 없어서 몇 번 검색하다가 자주쓰는 건 정리해놓기로 했다.

setState

  • React.Dispatch<React.SetStateAction<any>>
1
2
3
const funcA = (setStateParam: React.Dispatch<React.SetStateAction<string>>) => {
    // something
}

onClick Event Handler

  • MouseEventHandler<HTMLButtonElement>
1
2
3
const funcB = (onClick: MouseEventHandler<HTMLButtonElement>) => {
    // something
}

onClick Event

  • React.MouseEvent
1
2
3
const onClickHandler = (e: React.MouseEvent, command: string) => {
    // something
}

onChange Event Handler

  • ChangeEventHandler<HTMLInputElement>
1
2
3
const onChange: ChangeEventHandler<HTMLInputElement> = () => {
    // something
}