JS和JSX的区别

概念

1.js，是一种直译式脚本语言
2.jsx，JavaScript XML是一种在React组件内部构建标签的类XML语 法。

区别

1.浏览器只能识别不同的JS和CSS，不能识别SCSS或者JSX，所以webpack的作用就是把SCSS转换成CSS，把JSX转换成JS，然后在浏览器正常使用。
2.js就是本身react里面的jsx（也就是在JS文件里面直接写HTML那种），现在他们可以直接写是因为编辑器可以选择语言的解析模式。
3.jsx文件会自动触发编辑器以jsx的模式解析当前的文件，所以可以更不会出错。

jsx语法

是在js代码里直接写XML的语法，每一个XML标签都会被JSX转换工具转换成纯JS代码，使用JSX可以使组件的结构和组件之间的关系看上去更加清晰。