如何使用JSX/TSX进行TypeScript转换

Rat*_*ica 25 typescript react-jsx

.tsx文件中强制转换时,编译器假定它是JSX,例如:

(<HtmlInputElement> event.target).value
Run Code Online (Sandbox Code Playgroud)

给出错误

JSX元素类型'HtmlInputElement'不是JSX元素的构造函数

你如何在.tsx文件中转换TypeScript ?

Rat*_*ica 29

as运营商引入打字稿1.6替换铸件.tsx的文件,如:

(event.target as HTMLInputElement).value
Run Code Online (Sandbox Code Playgroud)

TypeScript wiki解释了1.6的变化: 它使new as运算符成为转换的默认方式(消除了JSX表达式和TypeScript前缀强制转换运算符之间的任何歧义)