創(chuàng)建組件類的方式
圖片.png
代碼實現(xiàn)
<body>
<div id="hello">
</div>
</body>
<script type="text/babel">
/*
創(chuàng)建一個組件類:
1.React中的組件類和java中的一樣,首字母大寫,駝峰命名法規(guī)則
2.在React中使用creacteClass方法創(chuàng)建組件類
3.每個組件類必須實現(xiàn)自己的render方法,輸出定義好的組件模板,返回值:null,false,組件模板
4.注意:組件類只能包含一個頂層標簽
*/
//注意:React.createClass---atom軟件自動提示的有問題
var HelloMessage = React.createClass({
render: function() {
return <h1>haha</h1>;
}
});
ReactDOM.render(
<HelloMessage />,
document.getElementById("hello")
);
</script>
運行結(jié)果
圖片.png
