我是新来的,我正在做一个项目。我遇到了.ts
和.tsx
扩展。我不明白我应该在哪里使用.ts
and .tsx
。非常感谢您对此的任何帮助。谢谢!
.ts 和 .tsx 扩展名之间有什么区别。两者都用作 react 中typescript文件的扩展名。那么我们应该在哪里使用它们呢?
IT技术
reactjs
typescript
2021-05-05 12:16:20
4个回答
使用.ts
纯typescript文件。
使用.tsx
了含有JSX文件。
例如,一个 React 组件应该是.tsx
,但是一个包含辅助函数的文件应该是.ts
.
当我们想在文件中嵌入 JSX 元素时使用 .tsx 扩展名,而 .ts 用于纯 Typescript 文件并且不支持添加 JSX 元素。
以上所有答案都是正确的。
.ts 文件只包含纯 TypeScript
.tsx 也包含 JSX。
从另一个角度来看,您可以从.ts
文件中复制所有内容并粘贴到.tsx
文件中,而无需修改任何内容。但是,如果您从.tsx
文件中复制,则需要通过删除JSX
元素来重构它。
当您使用 .tsx 时,您可以在该特定文件中使用 JSX,而 .ts 会给您错误。
其它你可能感兴趣的问题