[React.js] react typescript

Younghwan Cha·2023년 7월 5일
0

Frontend

목록 보기
4/7
post-thumbnail
const handleInputChange = (e) => setInput(e.target.value);

상단 코드를 타입스크립트에서 작성할 경우 하단과 같은 에러를 마주하게 된다.

'e' 매개 변수에는 암시적으로 'any' 형식이 포함됩니다.

이때엔 아래와 같이 이벤트에 따른 타입을 정의해줄 수 있다.

type FormEvent = React.FormEvent<HTMLFormElement>
type MouseEvent = React.MouseEvent<HTMLButtonElement>
type ChangeEvent = React.ChangeEvent<HTMLInputElement>
profile
개발 기록

0개의 댓글