React组件一

<div id='test'></div>  

<script type='text/babel'>

     var Zu=React.createClass({

          return <h1>Hello {this.props.name}</h1>;

    });

     ReactDOM.render(

     <Zu  name='naonao'/>,

    document.getElementById('test')

    );

  </script>

结果：Hello naonao

 

组件Zu 首字母必须大写，React.createClass用于生成一个组件类

每个组件都要有一个render方法，用于输出组件的。

组件的属性可以在组件类的 this.props 对象上获取，

组件类只能包含一个顶层标签，否则也会报错，即组件里面return里面只能有一个处于同级标签