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
相关产品推荐
相关产品推荐

