<四>React组件---创建组件类
2017-05-01 本文已影响0人
者薄
创建组件类的方式
图片.png
代码实现
<body>
<div id="hello">
</div>
</body>
<script type="text/babel">
/*
创建一个组件类:
1.React中的组件类和java中的一样,首字母大写,驼峰命名法规则
2.在React中使用creacteClass方法创建组件类
3.每个组件类必须实现自己的render方法,输出定义好的组件模板,返回值:null,false,组件模板
4.注意:组件类只能包含一个顶层标签
*/
//注意:React.createClass---atom软件自动提示的有问题
var HelloMessage = React.createClass({
render: function() {
return <h1>haha</h1>;
}
});
ReactDOM.render(
<HelloMessage />,
document.getElementById("hello")
);
</script>
运行结果
图片.png
