ReactJS - .JS 与 .JSX

Question

在 React.js 工作时，我发现有些事情非常令人困惑。

互联网上有很多使用 .js 文件和 React --- 文件的示例，但许多其他人使用 .jsx 文件。

我已经阅读了 JSX 文件，我的理解是它们只是让您在 JavaScript 中写入 HTML 标签。但同样的事情也可以写在 JS 文件中。

那么 .js 和 .jsx 之间的实际区别是什么？

原文由 ConfusedDeveloper 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在文件扩展名方面没有。您的捆绑器/转译器/任何东西负责解决存在的文件内容类型。

然而，在决定将什么放入 .js 或 .jsx 文件类型时，还有一些其他的考虑因素。由于 JSX 不是标准的 JavaScript，人们可能会争辩说，任何不是“普通”JavaScript 的东西都应该进入它自己的扩展，例如 .jsx 用于 JSX 和 .ts 用于 TypeScript。

这里有一个 很好的讨论可供阅读

原文由 Henrik Andersson 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在大多数情况下，它只需要转译器/捆绑器，它可能没有配置为使用 JSX 文件，而是使用 JS！所以你被迫使用 JS 文件而不是 JSX。

而且由于 React 只是一个 JavaScript 库，所以你选择 JSX 还是 JS 没有区别。 它们完全可以互换！

在某些情况下，用户/开发人员也可能会选择 JSX 而不是 JS，因为代码突出显示，但大多数较新的编辑器也在 JS 文件中正确查看 React 语法。

原文由 marpme 发布，翻译遵循 CC BY-SA 3.0 许可协议