React语法基础之JSX

概述

React的核心机制之一就是可以在内存中创建虚拟的DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。

JSX是什么

JSX是React的核心组成部分，它使用XML标记的方式去直接声明界面，界面组件之间可以互相嵌套。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。使用虚拟DOM可以将React的语法转换为标准的JS语言。
简单来说，JSX就是Javascript和XML结合的一种格式。
JSX语法实例：

const element = <h1>Hello, world!</h1>;

实际上面的代码转换为js代码，等价于：

var element = React.createElement(
  "h1",
  null,