本节学习搞定React的第一个实例helloworld，同时引入了两个知识点 style 和 className 在React里的使用 

+ 初始React,Hello World！

+ React style 的用法 01

+ React style 的用法 02

+ React 样式表 的用法 ，要用className 代替 class 绑定修饰样式名

总结：

快速开始 React 项目 可以直接引入 3 个 js >>>下载<<<

    <script src="js/react.development.v16.4.0.js"></script>
    <script src="js/react-dom.development.v16.4.0.js"></script>
    <script src="js/babel.min.js"></script>

style 的使用与传统的html+style不同：

    ReactDOM.render(
       <h1>Hello, world!</h1>,
       <h1 style={{color:'red',fontSize:'60px'}}>Hello, world!</h1>,
         document.getElementById('root')
    );

style 必须写成对象的形式，当然也可以提取出来如下：

     var styleObj = {
	color:'red',
	fontSize:'60px'
     };
     ReactDOM.render(
       <h1 style={styleObj}>Hello, world!</h1>,
       document.getElementById('root')
     );

class 给标签添加样式的形式也有所不同，需要用className

     ReactDOM.render(
       <h1 className="abc">Hello, world!</h1>,
       document.getElementById('root')
    );

注意：js 块标签 有所不同 ，babel 

    <script type="text/babel">

jsxTransformer.js专门用来解析js/jsx文件中的jsx语法，而babel不光能干这些还能编译ES6语法等等