155. [TypeScript] TS + React 이벤트 타입 지정 TIL 23.05.18

---

 

tsx 'event' 오류

 

TS todolist input 핸들러를 만들던 중 기존 jsx에서 작성했던 것처럼 아래와 같이 작성하였다.

 

 

하지만 아래와 같은 오류가 발생했다.

오류('event' 매개 변수에는 암시적으로 'any' 형식이 포함됩니다)

 

그래서 왜 오류가 발생했는지 찾아봤다.

오류가 발생한 이유는 event에도 타입을 지정을 해주지 않아서 오류가 발생했다.

 

 

해결

event 변수에 타입을 지정해서 알려주면 된다.

리액트에서는 React.ChangeEvent와 React.FormEvent 등 이벤트 관련 타입을 지원한다.

event: any를 사용해도 되지만 any를 사용하는 건 js사용하는 것과 똑같다.

난 React.ChangeEvent를 사용했다.