如何将 TypeScript 强制转换与 JSX/TSX 一起使用

Question

当在.tsx文件中强制转换时，编译器假定它是JSX，例如：

(<HtmlInputElement> event.target).value

给出错误

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

如何在.tsx文件中转换 TypeScript？

Answer 1

TypeScript 1.6 引入了 as 运算符来替换.tsx文件中的强制转换，例如：

(event.target as HTMLInputElement).value

TypeScript wiki 解释了 1.6 的更改：它使新的as运算符成为默认的强制转换方式（消除 JSX 表达式和 TypeScript 前缀强制转换运算符之间的任何歧义）