September 22, 2020
React基础：JSX语法与组件属性, JSX 简明入门教学指南
JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。可以理解为在JS中编写与XML类似的语言,一种定义带属性树结构（DOM结构）的语法，它的目的不是要在浏览器或者引擎中实现，它的目的是通过各种编译器将这些标记编译成标准的JS语言。
虽然你可以完全不使用JSX语法，只使用JS语法，但还是推荐使用JSX，可以定义包含属性的树状结构的语法，类似HTML标签那样的使用，而且更便于代码的阅读。
使用JSX语法后，你必须要引入babel的JSX解析器，把JSX转化成JS语法，这个工作会由babel自动完成。同时引入babel后，你就可以使用新的es6语法，babel会帮你把es6语法转化成es5语法，兼容更多的浏览器。
所以，如果您的没有node或者其他可以解析JSX的服务器支持，那么您就必须引入 babel 文件才可以使用 JSX 的语法，但是引入这个文件，会使您的网页加载变慢！
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel" src="yourScript.js"></script>
或者：
<script… Read More
