JSX/TSX에서 TypeScript 캐스트를 사용하는 방법

JSX/TSX에서 TypeScript 캐스트를 사용하는 방법

캐스팅할 때.tsx파일, 컴파일러는 JSX로 가정합니다.예를 들어 다음과 같습니다.

(<HtmlInputElement> event.target).value

에러를 표시하다

JSX 요소 유형 'HtmlInputElement'는 JSX 요소의 생성자 함수가 아닙니다.

TypeScript는 어떻게 캐스트합니까?.tsx파일링?

그as연산자는 TypeScript 1.6에서 캐스트를 대체하기 위해 도입되었습니다..tsx파일, 예:

(event.target as HTMLInputElement).value

TypeScript wiki에서는 1.6의 변경에 대해 설명하고 있습니다.새로운 연산자가 캐스트하는 기본 방법이 됩니다(JSX 식과 TypeScript 프리픽스 캐스트 연산자 간의 모호성 해소).

언급URL : https://stackoverflow.com/questions/37613981/how-to-use-a-typescript-cast-with-jsx-tsx