ES5与ES6小结部分

• 1
  var React=require('react');

等价 import React from ' react';

• 2

var Root =React.createClass({
      render :function(){ 
             return <h1>hello world{this.props.name}</h1>;
} 
) ;

ReactDOM.render(
<Root name=''哈哈‘’/>,
document.getElementById('example')
)
等价

class Root extends  React.Component{
          render(){
             return <h1>hello world{this.props.name}</h1> 
}
}

ReactDOM.render(
<Root name=''哈哈‘’/>,
document.getElementById('example')
)

• 3以上注释
  组件类中 当return 内容少就一行的时候 可以把return 后的内容放在 括号中，也可不放在括号中，当返回的内容不止一行的时候，要把返回的内容放在括号中
  第二注意 第二种 React.Component{} 注意 C是大写哦，以及 Component 后面跟的是大括号
  第三注意render中如何有函数，函数也要有返回值，即不要少些return，例如我在写下面的例子的时候因为少些了map回调函数中的return导致我排错花费了好久的时间，Component 后面写错符号了，应该是大括号，当时写错成了小括号拍错排了好久，又因为Component 的C没有大写拍错排了好久 这些细节一定要注意
  例子

<div id="example"></div>


    <script type="text/babel">
        class Root extends React.Component{
            render(){
                return(<ol>{
                            this.props.children.map(function(child){
                                   return <li>{child}</li>
                                })
                        } </ol>)


            }
        }
        ReactDOM.render(
                <Root>
                  <span> 第一个节点 </span>
                  <span> 第一个节点 </span>
                </Root>,
                document.getElementById('example')

        )
    </script>

补充，注意子节点一定太多余1个的时候才是一个数组，才能用map 函数，否则会报错