在TypeScript的.tsx文件中如何为ObjectConstructor应用类型

TypeScript 在 .tsx 文件中会优先将 < 开头的语法识别为 JSX 标签，因此尖括号形式的类型断言语法在 .tsx 环境下无法正常使用，这是 TSX 的固有语法限制，和你自定义的 TypedObject 类型本身没有关系。

最优解法：使用as关键字类型断言 #

直接将尖括号断言替换为 TS 官方推荐的 as 语法即可，该语法在 .ts 和 .tsx 文件中均可通用，无语法冲突问题：

const myObject = (Object as TypedObject).keys()

如果类型系统提示两种类型不存在重叠关系，无法直接断言，可以通过 unknown 做中间层链式断言：

const myObject = (Object as unknown as TypedObject).keys()

• 该方案无需修改任何 TS 配置，也不需要额外的语法 hack，是官方指定的 TSX 环境下类型断言标准写法
• 替换后完全不影响原有类型定义的生效逻辑，和尖括号断言的效果完全一致

内容的提问来源于stack exchange，提问作者Nenad