typescript 두 개의 차이가 무엇인가요?

Question

안녕하세요.li 태그 클릭 시 textContent를 받아오는데 두 경우의 차이를 잘 모르겠습니다..애초에 e:React.MouseEvent<HTMLLIElement> 로 매개변수 타입을 지정해서 받고 있는데 as HTMLElement로 또 지정해야만 사용이 가능한 이유가 무엇인가요?혹은 텍스트 내용을 받아올 수 있는 다른 방법이 있을까요?

메이플비 · Answer

(내용삭제)제가 질문의 의도를 잘못 파악하고 첫 댓글을 달았네요vscode상 확인해본 결과 e.target은 EventTarget타입입니다. 즉 윗줄과 아랫줄의 같은 타입이 아니라 서로 다른 타입이라 하나는 에러가 뜨고 하나는 안 뜨는 것입니다.

하얀뼈 · Answer

둘 다 사용은 가능합니다. 타입이 확실하지 않으니깐 에러를 띄우는거죠.그리고 as도 결국 "어떤 요소가 올지 모르지만 Li로 여기렴!" 으로 강요하는거라서 결론적으로는 if(e.target && e.target.textContent) 뒤에 코드를 적는게 안전하다는 말입니다.e에 타입 지정하신건 이벤트에 타입을 지정한거고, e.target에 대한 대처를 또 해야합니다.

typescript 두 개의 차이가 무엇인가요?

2개의 답변

기술 목록