扩展名为.js的文件不允许使用WHY（Mechanics）jsx

Question

为什么eslint会引发这样的错误。这应该是有原因的。解决方案的解决方法可通过许多文章获得，但无法解释其原因而不是解决方法。但是，即使我们将其重命名为.jsx或在.js文件扩展名中包含jsx，它仍然可以正常工作。 我是reactjs的新手。

Answer 1

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

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