codestates / codestates/studylog
[Error Handling] 타입스크립트 이벤트 객체 설정 에러
- 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.