ChangeEvent
const onChange = (event: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLTextareaElement>) => {}프로젝트를 진행하면서 이 changeEvent를 가장많이 사용한 것 같습니다.
자바스크립트와 같이 그냥 event를 props로 사용하려면 중간 줄이 그어져 있고 사용할 수 없다고 나옵니다. 이벤트를 사용하기 위해서는 이벤트 타입 목록을 설정해주어야 합니다.
대부분 input을 가장많이 사용하기에 input을 예시로 하겠습니다.
참고로 React를 임포트를 안해주면 React.ChangeEvent로 사용해주셔야 합니다. onChange 이벤트를 사용하기 위해서는 ChangeEvent를 사용해주어야 합니다. 다음으로는 제네릭을 통해 이벤트를 사용하는 HTML 노드 타입을 설정해 주어야합니다. <HTMLInputElement>을 해주면 inpu에 대한 event가 완료됩니다.
'개인공부 > TypeScript' 카테고리의 다른 글
| #TypeScript (4) Condition Type (0) | 2022.11.02 |
|---|---|
| #TypeScript (3) Index Signature (0) | 2022.11.01 |
| Type 과 Interface (0) | 2022.10.31 |
| #TypeScript (2) (1) | 2022.08.22 |
| #TypeScript (1) (1) | 2022.08.15 |