React學習(1)——constructor

1  constructor(props) { 2  super(props); 3         this.state = { 4             orderNo: "001", 5             wid: 6
6  }; 7     }

constructor:

在ES6的語法中,constructor方法是類的默認方法函數

經過new命令生成對象實例時,自動調用該方法this

一個類必須有constructor方法,若是沒有顯式定義,一個空的constructor方法會被默認添加。spa

 

super():

子類沒有本身的this對象,必須調用父類的this對象code

super()用於子類在constructor()中調用,繼承父類的this對象對象

 

super與super(props):

super()super(props)的區別就是你是否須要在構造函數內使用this.propsblog

若是須要,則必需要寫props繼承

若是不須要,寫不寫效果是同樣的生命週期

 

this.state={}:

state的初始化get

 

props的初始化:

1 static defaultProps = { 2     onClick : null, 3     className : '', 4     text : '默認'
5 };

 

State與Props

State主要用於更新界面,組件的State屬性在生命週期函數 getInitialState中初始化,當調用組件的this.setState改變state的時候,組件會從新渲染刷新。 
Props主要用於組件之間傳遞數據,也就是標籤的屬性 這裏的pname屬性就能夠在MyText中經過this.props.pname獲得it

相關文章
相關標籤/搜索