學習React Native 筆記(二)React組件

一、寫法

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章