reactjs .ts和.tsx扩展名的区别是什么？在react中，它们都是作为打字脚本文件的扩展名使用的,那么我们应该在哪里使用它们呢？

ifmq2ha2 于 2023-01-17 发布在 React

关注(0)|答案(5)|浏览(451)

我是一个新手，正在做一个项目。我遇到了.ts和.tsx扩展。我不知道我应该在哪里使用.ts和.tsx。非常感谢任何帮助。谢谢！

5条答案

对于纯TypeScript文件，请使用.ts。
对包含JSX的文件使用.tsx。
例如，React组件将是.tsx，但包含帮助器函数的文件将是.ts。

.tsx扩展名用于在文件中嵌入JSX元素，而.ts用于普通的Typescript文件，并且不支持添加JSX元素。

以上所有答案均正确。
.ts文件仅包含纯TypeScript
.tsx也包含了JSX。
从另一个Angular 看，你可以复制.ts文件中的所有内容并粘贴到.tsx文件中，而且你不需要修改任何内容，但是如果你复制的是.tsx文件，你需要通过移除JSX元素来重构它。

当您使用.tsx时，您可以在特定文件中使用JSX，而.ts会给您错误。

.ts用于纯TypeScript文件，.tsx用于带有JSX的文件。