React學習（1）——constructor

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

constructor：

在ES6的語法中，constructor方法是類的默認方法

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

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

 

super()：

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

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

 

super與super(props)：

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

若是須要，則必需要寫props

若是不須要，寫不寫效果是同樣的

 

this.state={}：

state的初始化

 

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獲得