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,959评论 0赞 7
• RN从零开始----JS错误信息列表{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...Elbert_Z阅读 10,974评论 0赞 2
• RN模拟器报错中文翻译{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...一粒沙随风飘摇阅读 11,194评论 0赞 3
• Angular2一些报错信息（json）{ "Unterminated string literal.": "未终止的字符串文本。", "Identifi...栗子雨阅读 8,062评论 0赞 3
• angular 报错指引"Unterminated string literal.": "未终止的字符串文本。", "Identifier...两个心阅读 8,539评论 0赞 4

友情链接更多精彩内容

• 美国西雅图攻略
• 投资一家宠物酒店需要多少钱？
• 石林峡风景区适合带宠物一起游玩吗？
• 利川腾龙洞风景区
• 带子真的有那么好吃吗？
• 上海生日免费的景点
• 你家宠物能帮忙驱蚊吗？这些驱蚊小技巧让毛孩子变身驱蚊小卫士！
• 哈密旅游景点大全
• 广州去武汉攻略
• 高铁可以托运狗狗吗？
• 狗半岁不吃狗粮怎么办
• 国产狗粮怎么选？豆柴适合你家狗狗吗？
• 如何正确使用宠物体温计为爱宠测量体温？
• 热饮的品种和做法
• 欧洲买表攻略
• 电饭煲做板栗的做法
• 泸州有什么特产
• 狗狗可以每天吃肉吗？宠物饮食的必知小贴士
• 昆明到版纳自驾游
• 狗狗被猫咬了该怎么办？
• 猫咪怀孕周期计算
• 虎皮豆腐做法
• 英伟达市场份额：高端芯片从 95% 到 0%，太惨烈
• 佳木斯风景区适合带宠物一起游玩吗？
• 观山湖公园有什么秘密
• 狗狗总是不吃饭怎么办
• 狗粮中的钙含量充足吗？
• 高百丈风景区好玩吗
• 狗狗的年龄怎么计算才准确？
• 庐山自驾旅游攻略

推荐阅读

• 如何为狗狗挑选合适的冠军级狗粮？
• 秦岭骑行路线有哪些值得推荐的？
• 威尔士自驾游有哪些必打卡的景点？
• 九寨沟自驾游住哪里好
• 土耳其自驾游需要多少费用？
• 宠物益生菌怎么喂才正确？新手必看喂养指南！
• 南方秋天为什么天黑得越来越早？昼短夜长开始明显
• 狗狗手肘长了一个包
• 成都泸沽湖攻略
• 汉川到宜昌自驾游
• 高淳有什么好吃的小吃
• 三明古溪星河休闲旅游度假景区

赞1赞赞赏手机看全文