[TypeScript] onChange의 이벤트 타입을 2개이상 주고 싶을때

- 아래와 같이 input태그에서 onChange 이벤트와  <select> <option>에서의 onChange 이벤트를  handleChange함수로 호출할때 각각의 타입이 다르기에 에러가 뜬다.
- 이렇게 태그가 다른경우에서 onChange 공통함수를 호출 하고 싶을때는 " 타입 | 타입 " 으로 지정하면 된다.

 

- input 태그에서의 onChange 함수실행

 

 

-  input태그에서의 onChange이벤트의 타입

 

 

 

- select , option 태그에서의 onChange 함수실행

 

 

 

- input태그와 select 태그에서의 onChange이벤트의 타입 2가지

 e: ChangeEvent<HTMLInputElement> | ChangeEvent<HTMLSelectElement>