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

友情链接更多精彩内容

• 猫咪怀孕了打喷嚏
• 重庆黑山谷景区适合带宠物一起游玩吗？
• 西单游玩攻略
• 昆明到大理旅游攻略
• 上海环球港有什么好玩的
• 鹤岗景区有哪些适合带宠物游玩的景点？
• 太原爱心宠物医院如何选择最适合的宠物医疗服务？
• 临海市民卡有什么用途
• 宁波兰亭景区适合带宠物游玩吗？
• 宠物可以用风油精吗？使用时需要注意什么？
• 猫咪尾巴左右摇摆
• 鄂尔多斯市有什么好玩的地方
• 金毛一个月不吃狗粮是怎么回事？
• 深圳猫咪做绝育价格
• 棒棒鱼有什么营养价值
• 霞浦一日游攻略
• 河口旅游攻略
• 淮河源风景区适合带宠物一起游玩吗？
• 如何正确给宠物狗洗澡？新手必看指南！
• 神犬小七吃的什么狗粮
• 广西阳朔旅游攻略
• 北京湖洞水风景区门票价格
• 狗狗维生素b哪个牌子好
• 揭西风景区有哪些适合带宠物游玩的景点？
• 狗狗的粪便怎么处理
• 漳州火山岛攻略
• 白萝卜素丸子的家常做法
• 赛里木湖冬景最佳期：12 月 - 2 月，蓝冰厚
• 酥鱼的做法
• 马来西亚有什么值得买

推荐阅读

• 天津宠物医院的价格表一般包含哪些项目？
• 这些宠物看似可爱，其实隐藏着哪些危险？
• 芋头蛋糕的做法
• 猪红做法
• 猫咪为什么会突然贫血
• 信阳香山湖风景区
• 西安北郊有哪些适合宠物玩耍的好去处？
• 通灵大峡谷风景区
• 狗粮吃多了怎么回复
• 两个月大的小狗每天应该吃多少狗粮？
• 宠物用品多久消毒一次才合适？
• 广东肇庆有哪些适合带宠物游玩的景区？

赞1赞赞赏手机看全文