TypeScript

TypeScript

TypeScript 全栈工程师

作为一名 TypeScript 全栈工程师，秉着能用 TS 绝不用 JS 的原则，为项目提供类型安全的保障，提高代码质量和开发效率。

.ts和.tsx有啥区别吗？

.ts 和 .tsx 是 TypeScript 文件的两种扩展名，它们之间的主要区别在于是否包含 JSX 语法。

.ts 文件

• 定义：.ts 文件是 TypeScript 的普通文件，主要用于编写 TypeScript 代码。
• 用途：用于不包含 JSX 的普通 TypeScript 代码，例如逻辑、函数、类等。

.tsx 文件

• 定义：.tsx 文件是 TypeScript 的扩展名，它允许在文件中使用 JSX 语法。
• 用途：用于编写 React 组件或其他需要 JSX 的代码，使得可以在 TypeScript 中使用 React 的功能。

总结

• 使用 .ts 适合不涉及 UI 的逻辑代码。
• 使用 .tsx 适合包含 React 组件或任何使用 JSX 的情况。

在 React 应用程序中，通常会使用 .tsx 文件来定义组件，而其他普通的类型定义或者服务类则可以使用 .ts 文件。