You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native项目中将App.tsx改为App.jsx是否正确?

React Native中App.tsx改App.jsx是否合规?

完全合规,放心用。

为什么没问题?

React Native本身对JavaScript/JSX和TypeScript/TSX都提供完整支持,Metro打包工具能自动识别这几种后缀的文件。你把App.tsx改成App.jsx后,只要文件里写的是标准JavaScript代码(没有TypeScript的类型标注),就完全符合JSX文件的要求,自然能正常运行。

下次直接初始化JS项目的方法

既然习惯用JavaScript,下次初始化时可以直接指定JS模板,不用再手动改文件:

npx react-native@latest init AwesomeProject --template react-native-template-typescript@false

或者用社区的纯JS模板:

npx react-native init AwesomeProject --template @react-native-community/template

后续小提示

  • 新增组件时直接创建.jsx后缀的文件就行,不用碰.tsx。
  • 项目里自动生成的tsconfig.json、*.d.ts这类TS配置文件,留着不影响JS代码运行,嫌看着碍眼删掉也没问题,React Native会自动按JS项目处理。

内容的提问来源于stack exchange,提问作者0x4141

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 14:52:02