为什么（机械） jsx 不允许在扩展名为 .js 的文件中

Question

为什么 eslint 会抛出这样的错误。这应该是有原因的。但是如何通过许多文章提供解决方案，但无法解释原因而不是修复。但是，即使我们将其重命名为 .jsx 或在 .js 文件扩展名中包含 jsx，它仍然有效。 我是 reactjs 的新手。

Answer 1

JSX 语法是对 JavaScript 的扩展，基本上是用于大量 React.createElement 调用的语法糖。 JSX 不是有效的 JavaScript，因此包含它的文件通常具有自己的 .jsx 扩展名。

可以将设置配置为允许 .js 文件中的 JSX，但不建议这样做。 JSX 应额外转换为有效的 JavaScript，因此拥有单独的 .js 和 .jsx 文件是有益的。