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里面只能有一个处于同级标签