개발일기

react/typescript 이벤트 타입 본문

TIL

react/typescript 이벤트 타입

황대성 2023. 7. 31. 20:59

작성하기 버튼을 누르면 input에 들어간 값을 화면에 뿌려 주려고 한다.

그런데 event에도 type이 있어야 된다.

구글에 검색하던 중 onChage에 마우스를 올려보면 힌트를 얻을 수 있다고 나왔다.

React.InputHTMLAttributes<HTMLInputElement>

먼저 위에 있는 타입을 지정 해 봤다.

위의 타입 유형에 target의 속성이 없다고 나온다.

React.ChangeEventHandler<HTMLInputElement>

그 아래의 있는 타입을 지정해 봤다.

똑같이 target의 속성이 없다고 나온다.

.....

다시 구글을 검색해 본 결과 

React.ChangeEvent<HTMLInputElement>

Handler를 제외한 ChangeEvent를 사용해야 한다.


onSubmit 또한 마우스를 올리면 힌트가 나오는데

React.FormEvent<HTMLFormElement>

이것 또한 Handler를 제외한 FormEvent를 사용해 주어야 오류를 없앨 수 있다.

왜그런걸까,,,,,