使用npx create-react-app未生成JSX文件，该如何解决？

• 为啥create-react-app默认生成.js文件？
  CRA（Create React App）的内置webpack配置已经默认支持在.js文件中解析JSX语法，所以不需要强制使用.jsx后缀来标识包含JSX的文件。早期React生态中，工具链需要通过.jsx后缀识别要编译的JSX代码，但现在主流工具链（包括CRA）已经能自动检测文件中的JSX语法并处理，所以默认用.js更简洁。

• 能不能直接把.js文件重命名为.jsx？
  绝对可以，而且不会影响项目运行。CRA完全支持.jsx后缀的文件，重命名后只需要注意同步修改所有导入该文件的路径（比如原来import App from './App'要改成import App from './App.jsx'，部分模块解析配置允许省略后缀，但新手建议同步修改，避免出现导入错误）。

• 额外说明
  如果团队规范要求必须使用.jsx后缀，直接批量重命名现有文件即可，不需要额外配置。如果想要新项目默认生成.jsx文件，你可以考虑自定义CRA模板，或者手动修改生成后的文件后缀，但对于新手来说，直接重命名是最省心的方案。

内容的提问来源于stack exchange，提问作者Stella