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

上一篇:Spring Bean范围 示例


下一篇:Qt 学习之路 :Qt Quick Controls