react学习（二）

import React from 'react'; //引入react
import ReactDOM from 'react-dom'; //引入渲染

const nameValue = '赵四'
// const title = React.createElement('h1', className='title', '我是大标题'); //创建页面元素
const title = (
  <h1><p className='ptitle'>我是p标签{nameValue}</p><span/></h1>
)
ReactDOM.render(title, document.getElementById('root')) //渲染到界面上

html 引入react

需要引入了三个库：​ react.production.min.js​ 、​react-dom.production.min.js​ 和 ​babel.min.js​：

react.production.min.js - React 的核心库
react-dom.production.min.js - 提供与 DOM 相关的功能
babel.min.js - Babel 可以将 ES6 代码转为 ES5 代码，这样我们就能在目前不支持 ES6 的浏览器上执行 React 代码。
Babel 内嵌了对 JSX 的支持。
通过将 Babel 和 babel-sublime 包（package）一同使用可以让源码的语法渲染上升到一个全新的水平

注意： 如果我们需要使用 JSX，则 script>标签的 type 属性需要设置为 text/babel。

关于&&