# HTMLInputElement

1개의 포스트
post-thumbnail

React에서 KeyboardEvent Type에서 e.target.value 사용시 에러 이슈

기존의 JS로 작성한 React 프로젝트에 TS를 적용하는 과정에서 생긴 Input태그 KeyboardEvent관련 이슈입니다. 위와 같이 Input에 onKeyDown 이벤트를 추가하려는 상황에서 event에 KeyboardEvent로 타입을 지정하게 되면 e.target.value 부분에서 다음과 같은 에러가 뜹니다. Property 'value' does not exist on type 'EventTarget'.ts(2339) 이런 에러메시지가 뜨는데 그 이유는, > 사용하려는 KeyboardEvent도 DOM 요소나 window 객체에서 발생할 수 있으므로, 이론적으로는 event.target을 요소로 정의하는 것은 의미가 없습니다. DOM 요소에 대한 이벤트라면 event.target을 안전하게 가정할 수 있습니다. 타겟이되는 HTMLElement의 타입을 TypeScript에 명시 적으

2022년 5월 14일
·
0개의 댓글
·