codestates / codestates/studylog

[Error Handling] 타입스크립트 이벤트 객체 설정 에러

Open
#74 0 comments 0 reactions 2 assignees Claimed by @ad105geppetto View on GitHub
Err
Dominant language
TypeScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

> ### 어떤 에러인가요?
>
> ### 에러 메시지
> ```shell
> Property 'value' does not exist on type 'EventTarget'.
> ```
>
> ### 에러 핸들링 방법
> * form 태그 내 input 이벤트를 설정하는 과정에서 기존에 사용하던 e.target.value가 작동이 되지 않았다.
> 이벤트의 target에 대해서 확인 시 타입스크립트에서 event 객체의 target은 현재 이벤트의 시발점일 뿐이며,
> event 객체는 currentTarget 이 이벤트 핸들러가 연결된 요소이며, target은 제너릭을 가질 수 없다고 한다.
> 다만 이벤트 객체의 설정시 단순히 FormEvent로 설정하는것 보다, 각 이벤트에 따라 명명 된 인터페이스들이 있으며,
> 해당 인터페이스를 사용 하는게 좀 더 직관적으로 다가오는 것 같아 채택하여 사용했다.

> ```js
> //const onUserInfo = (key: string) => (e: React.FormEvent) => {
> const onUserInfo = (key: string) => (e: React.ChangeEvent) => {
> setUserInfo({ ...userInfo, [key]: e.target.value });
> ```
>
> ### 에러 핸들링을 위해 참고한 레퍼런스 링크
> https://stackoverflow.com/questions/49152226/property-value-does-not-exist-on-eventtarget-in-typescript

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.