.ts 和 .tsx 扩展名有什么区别。两者都用作响应中打字稿文件的扩展。那么我们应该在哪里使用它们呢？

Question

我是 react 的新手，正在做一个项目。.ts和.tsx两个扩展名不知道应该在哪里使用，请问二者的区别和使用场景？

原文由 Hafsa Mushtaq 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对纯 TypeScript 文件使用 .ts 。

对包含 JSX 的文件使用 .tsx 。

例如，一个 React 组件是 .tsx ，但一个包含辅助函数的文件是 .ts 。

原文由 liamgbs 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我们在文件中嵌入 JJSX 元素时使用.tsx扩展名，.ts 是用于普通的 Typescript 文件，不支持添加 JJSX 元素。

原文由 Sachin 发布，翻译遵循 CC BY-SA 4.0 许可协议