Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- aws
- workflow
- ec2
- 이미지 포맷 변경
- gitgub actions
- 성능 개선
- TLS
- CI
- 자동화
- SSH
- 로드 밸런싱
- webp
- 배포
- DNS
- 이미지 압축
- 3-Way HandShake
- 인증서
- nginx
- certbot
- 리버스 프록시
- tcp
- SSL
- nextJS
- https
- 브라우저
- 이미지 최적화
- pm2
- 렌더링 과정
- 검색엔진최적화
- 무중단
Archives
- Today
- Total
개발일기
react/typescript 이벤트 타입 본문
작성하기 버튼을 누르면 input에 들어간 값을 화면에 뿌려 주려고 한다.
그런데 event에도 type이 있어야 된다.
구글에 검색하던 중 onChage에 마우스를 올려보면 힌트를 얻을 수 있다고 나왔다.
React.InputHTMLAttributes<HTMLInputElement>
먼저 위에 있는 타입을 지정 해 봤다.
위의 타입 유형에 target의 속성이 없다고 나온다.
React.ChangeEventHandler<HTMLInputElement>
그 아래의 있는 타입을 지정해 봤다.
똑같이 target의 속성이 없다고 나온다.
.....
다시 구글을 검색해 본 결과
React.ChangeEvent<HTMLInputElement>
Handler를 제외한 ChangeEvent를 사용해야 한다.
onSubmit 또한 마우스를 올리면 힌트가 나오는데
React.FormEvent<HTMLFormElement>
이것 또한 Handler를 제외한 FormEvent를 사용해 주어야 오류를 없앨 수 있다.
왜그런걸까,,,,,
'TIL' 카테고리의 다른 글
react-router-dom(v6) 함수 실행 시 이전 페이지로 이동 (0) | 2023.12.22 |
---|---|
supabase 맛보기 (0) | 2023.08.17 |
타입스크립트 class 들어가기 전 자바스크립트 class 알아보기 (0) | 2023.07.26 |
타입스크립트(typeScript) 기초 (0) | 2023.07.25 |
redux를 사용하여 버튼 클릭시 숫자가 +,- 되는 앱 만들기 (0) | 2023.07.14 |