[타입스크립트] event.target.checked - event 타입 오류 / 리액트, input event, ChangeEvent<HTMLInputElement>

 

[Typescript_ HTMLInputElement]

 

---

 

<STUDY>

 

 

❓ 문제

 

리액트 + 타입스크립트로 작업하던 중 change event (event.target.checked)의 타입 오류가 발생했다.

 

label event

error

label 태그의 onChange 이벤트로 체크박스의 체크 여부를 확인하는 과정에서의 타입 선언이 잘못 된 것이었다.

 

type을 any로 선언해 주어도 되지만 any는 지양해야 한다는 얘길 들었기 떄문에..

 

다른 방법을 찾아보았다.

 

 

❗ 해결

 

 

알고보니 label이 아니라 input에서 onChange 이벤트를 추가해서

React.ChangeEvent<HTMLInputElement> 타입으로 선언해 주면 되는 것이었다...!

 

event 타입 문제 때문에 타입스크립트를 사용하기 어려웠는데

이번 기회에 정확하게 타입 공부를 해야 할 것 같다.

 

 

---

 

내가 보려고 정리하는 타입스크립트🔆

 

👉ez1n github 구경하기👈 

 

ez1n - Overview