What's The Difference Between .ts And .tsx - 简书

What's the difference between .ts and .tsx

Preface：What is the difference between .ts and .tsx extensions. Both are used as extensions for typescript files in react. So where should we use them?

Solution 1:

• Use .ts for pure TypeScript files.
• Use .tsx for files which contain JSX.

For example, a React component would be .tsx, but a file containing helper functions would be .ts.

Solution 2:

• tsx extension is used when we want to embed JSX elements inside the files while .ts is used for plain Typescript files and do not support adding JSX Elements.

Solution 3:All of the above answers are correct.

• .ts files contains only pure TypeScript
• .tsx have included JSX also.

On another point of view, you can copy everything from a .ts file and paste on .tsx file, and you don't need to modify anything. But if you're copying from a .tsx file you need to refactor it by removing the JSX elements.

Solution 4:

• when you use .tsx you can use JSX in that particular file while .ts gives you error.

©著作权归作者所有,转载或内容合作请联系作者【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

• Jest配置翻译自：https://jestjs.io/docs/zh-Hans/configuration最新更新：2020...秋名山车神12138阅读 21,949评论 0赞 7
• RN从零开始----JS错误信息列表{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...Elbert_Z阅读 13,713评论 0赞 2
• RN模拟器报错中文翻译{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...一粒沙随风飘摇阅读 13,792评论 0赞 3
• Angular2一些报错信息（json）{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...栗子雨阅读 12,425评论 0赞 3
• angular 报错指引"Unterminated string literal.": "未终止的字符串文本。", "Identifier...两个心阅读 12,667评论 0赞 4

友情链接更多精彩内容

• 如何在家给宠物做专业级美容修剪？
• 世卫组织如何促进猴痘防控的国际合作？
• 华山坐缆车攻略
• 马来西亚槟城旅游攻略
• 全麦面包怎么做好吃
• 陕西旅游景点排行榜
• 水果鸡蛋饼的做法
• 自驾三峡大坝旅游攻略
• 熏肠的做法
• 婺源自驾旅游攻略
• 家庭馒头的做法
• 留学生语言备考：托福、雅思、GRE，提分技巧大公开​
• 带宠物坐风景区索道需要注意什么？
• 韩国宠物网站上有哪些值得推荐的宠物用品？
• 火腿炒辣椒的做法
• 宠物狗美容染色安全吗？需要注意哪些问题？
• S15 决赛场馆多大？成都东安湖体育馆，能坐几万人
• 如何查询狗狗的品种？
• 宠物可以坐地铁吗？
• 盐焗鸡怎么做好吃
• 狗狗下面流血是什么原因？需要立即就医吗？
• 中国国航托运宠物需要准备哪些材料？
• 怎样做红烧鱼最好吃
• 如何安全托运宠物到深圳？
• 辽宁怀仁旅游景区适合带宠物游玩吗？
• 狗狗胸部有一个肿块
• 凌源自驾游有哪些必打卡的景点？
• 云南野生动物园攻略
• 小孩吃了狗吃过的狗粮
• 哪种沙拉最好吃？10款人气沙拉大测评！

推荐阅读

• 徐州有哪些值得一去的景区？
• 宜昌自驾神农架有哪些必玩景点和路线推荐？
• 狗狗皮肤病用什么药最有效？
• 菊花台自驾游有哪些必打卡的景点？
• 衡水哪里可以领养宠物？
• 狗肉煲的做法
• 养癞蛤蟆当宠物需要注意什么？
• 你家宠物会独立玩耍吗？盘点那些不粘人的小可爱！
• 宠物益生菌活菌数60000亿CFU/袋适合多宠重症抢救吗？
• 为什么有人会吃宠物狗肉？
• 狗狗美人鱼是什么？揭秘宠物界最可爱的混搭造型！
• 狗狗产后综合症有哪些症状和应对方法？

赞1赞赞赏手机看全文