이벤트 타입 지정하기

react에서 typescript로 포폴을 만들 때 타입을 어떻게 잡아야할 지 모르겠던 부분이 있어서 검색 후 수정한 뒤 글 작성

 

- onChange 또는 onClick 등등에서 사용되는 e 이벤트 객체에도 타입을 잡아줘야한다.

 

여기에 타입을 지정해주기 위해 처음에 귀찮아서 any를 사용하다 any를 남발하면 안된다는 걸 잘 알기에.. 수정해줬다.

 

기본적으로 제공되는? 이벤트에 대한 타입들

여기서 상황에 맞는 타입을 설정 해준 뒤 어디서 사용하는지 제네릭을 통해 지정해주면 된다.

 

onChange이벤트에서 e.taget.value를 사용할 때의 타입 지정한 모습

제네릭을 잡아주기위해 <>열어 준 뒤 HTML을 입력하면 필요한 것 들이 많이 나타난다. 그중 원하는 걸 골라 사용하면 끝

 

위 Select에서 사용한 onChange와 달리 input에서 사용한 경우

사용해보면서 익혀둬야할 것 같다. 타입은 아직도 너무나 어렵다..