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

Question

我开始使用 React 作为我选择的 ui 框架。在我浏览文档时，我注意到，当使用create-react-app脚本启动新的反应样板时，他们.js在返回jsx代码的脚本上使用了文件扩展名。当我问我的同事时，他告诉我，您应该在.jsx返回此类代码的脚本上使用该扩展。

我在这里有点迷失，好像两者都有效，使用扩展不是更好吗，.js因为归根结底，我们正在编写的是 javascript。

我的问题是，什么是最佳实践。（我有点感觉应该.jsx在这些类型的脚本上使用扩展，但我很想听听社区对此的看法）。

Answer 1

这确实取决于个人喜好。

我个人的观点是 JavaScript 就是 JavaScript，我只是使用.js. .jsx其他人会更喜欢在 JSX 文件中使用以及.js在诸如实用程序之类的文件中使用，以便区分。唯一重要的事情是无论你选择什么都要保持一致（至少在一个项目中）。

一般来说，这并不重要。

唯一真正重要的时间取决于您的构建管道。某些构建管道可能会配置为编译.js并.jsx使用稍微不同的规则，但这将基于您的应用程序（例如create-react-app“不关心”）。

最终，您可以使用.cookiemonster扩展，并且它可以正常工作（只要您的构建管道配置为可以处理它）。