Typescript 如何在JSX/TSX中使用类型脚本转换

在

.tsx

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

(<HtmlInputElement> event.target).value

（event.target）.值

给出一个错误

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

---

如何在

.tsx

文件中强制转换TypeScript？

TypeScript 1.6引入了

as

操作符，以替换

.tsx

文件中的强制转换，例如：

(event.target as HTMLInputElement).value

TypeScript wiki解释了1.6的更改：

---

as

是类型断言的推荐语法。我在这里也提到了这一点，这可以解释为什么我的IDE在将typescript代码移植到React时，仅仅从.ts扩展名切换到.tsx就产生了100多个错误。文件中很早就有一个，此后的所有内容都被曲解了。