React JSX 实例图解

React 使用 JSX 来替代常规的 JavaScript。
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
不需要一定使用 JSX，它有以下优点：
    JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
    它是类型安全的，在编译过程中就能发现错误。
    使用 JSX 编写模板更加简单快速。

推荐在 React 中使用 JSX 来描述用户界面。
元素是构成 React 应用的最小单位，JSX 就是用来声明 React 当中的元素。

要将 React 元素渲染到根 DOM 节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上；

看几个实例；

定义element，然后渲染到id为root的div中；

定义div的边框，把一段html渲染到其中； 

定义div边框3像素、实线、绿色，渲染内容到其中；JSX可使用js表达式； 

定义div边框为虚线；style使用一个变量来定义；