有什么区别。还有。Tsx 分机。两者都作为反应中的打印脚本文件的扩展使用。那么我们应该在哪里使用它们呢？

我是新的反应，我正在进行一个项目。我遇到了 .ts和 .tsx扩展。我不明白我应该在哪里使用 .ts和 .tsx。非常感谢你的帮助。谢谢！

96739 次浏览

小开

最佳答案

对纯 TypeScript 文件使用 .ts。

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

例如，React 组件是 .tsx，而包含 helper 函数的文件是 .ts。

小开

.当我们想要在文件中嵌入 JSX 元素时，使用 tsx 扩展。Ts 用于普通类型脚本文件，不支持添加 JSX 元素。

小开

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

小开

以上所有答案都是正确的。

. ts 文件只包含纯 TypeScript

. tsx 也包括 JSX。

从另一个角度来看，您可以从 .ts文件复制所有内容并粘贴到 .tsx文件上，而且不需要修改任何内容。但是，如果要从 .tsx文件复制，则需要通过删除 JSX元素对其进行重构。