在编写返回 jsx 的脚本时使用 .js 文件扩展名答案

【问题标题】：Using .js file extensions whilst writing scripts that return jsx在编写返回 jsx 的脚本时使用 .js 文件扩展名
【发布时间】：2018-05-19 13:28:07
【问题描述】：

我开始使用 react 作为我选择的 ui 框架。在我通过documentation 冒险时，我注意到当使用create-react-app 脚本启动一个新的反应样板时，他们在返回jsx 代码的脚本上使用了.js 文件扩展名。当我问我的朋友时，他告诉我你应该在返回这种代码的脚本上使用.jsx 扩展。

我有点迷失了，好像两者都有效，使用 .js 扩展名不是更好，因为最终我们编写了它的 javascript。

请帮助我了解被认为是最佳做法的方法。（我有点感觉应该在这些类型的脚本上使用 .jsx 扩展，但我很想听听社区对此的看法）

提前致谢:)

【问题讨论】：

我对此不是很了解，但我已经使用create-react-app 制作了多个react 应用程序，并且一直只使用.js 扩展名。只要react 在范围内，在这些文件中使用 jsx 就没有问题。
可能this的回答会对你有所帮助
@MikhailKatrin 您的回答也很好，感谢您的链接。对于任何访问此页面的人，此链接是必看的！

标签： javascript reactjs jsx

【解决方案1】：

这完全取决于个人喜好。

我个人的看法是 JavaScript 就是 JavaScript，我只使用.js。其他人会更喜欢在 JSX 文件中使用.jsx，在实用程序等文件中使用.js，以便区分。唯一重要的是无论您选择什么（至少在一个项目中）都要保持一致。

一般来说没关系。

真正重要的唯一时间是基于您的构建管道。某些构建管道可能配置为编译 .js 和 .jsx，但规则略有不同，但这将基于您的应用程序（create-react-app 之类的东西无关紧要）。

归根结底，您可以使用.cookiemonster 扩展，它会正常工作（只要您的构建管道配置为处理它）。

【讨论】：

【解决方案2】：

其实没关系，由你决定，当我返回 HTML 和 JS 的混合时，我更喜欢使用.jsx，只有在我使用纯 JS 或 ES6 时才使用.js。

我建议您在this issue on github 上阅读有关此内容的信息。

【讨论】：