react - Cómo usar un cast de TypeScript con JSX/TSX

react setstate prevstate typescript

Question

Cuando se .tsx en un archivo .tsx , el compilador asume que es JSX, por ejemplo:

(<HtmlInputElement> event.target).value

da un error

El tipo de elemento JSX ''HtmlInputElement'' no es una función constructora para elementos JSX

¿Cómo se .tsx TypeScript en un archivo .tsx ?

Answer 1

El operador as se introdujo en TypeScript 1.6 para reemplazar las .tsx en archivos .tsx , por ejemplo:

(event.target as HTMLInputElement).value

La wiki de TypeScript explica los cambios de 1.6: hace que el nuevo as operador sea la forma predeterminada de lanzar (eliminando cualquier ambigüedad entre las expresiones JSX y el operador de conversión de prefijo de TypeScript)