一、寫法
1.組件類名首字母大寫,駝峯命名法
2.使用React.createClass創建一個組件類
3.每個組件都必須實現自己的render方法,輸出定義好的組件模板
4.注意:每個組件類只能包含一個頂層標籤
var HelloWorld = React.createClass({
render: function () {
return (
<div>
<p>HELLO</p>
</div>
);
}
});
二、樣式
以“,”結尾,駝峯命名法,字符串需要加引號,數字不需要帶單位
使用className替換class
使用htmlFor替換for
三、複合組件
創建多個組件合成一個組件(父子組件)
四、props
組件自身屬性對象,一般用於嵌套的內外層組件中,負責傳遞信息(通常由父組件向子組件傳遞)
props對象中的屬性與組件的屬性對應,不要直接去修改props中屬性的值
this.props
...this.props :將父組件中的全部屬性複製給子組件
五、state
在getInitialState設置的屬性,將會存儲在state中
當state發生變化時,會調用組件內部的render方法
getInitialState: function() {
return {
isCheck: false
}
},
this.state.isCheck