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可以使组件的结构和组件之间的关系看上去更加清晰。

原文链接:https://blog.csdn.net/NDSoumig/java/article/details/103739807

上一篇:react学习之JSX与虚拟DOM实现


下一篇:【React】入门概述 - 虚拟DOM与原生DOM - JSX语法 - React基本使用