React 中constructor 作用

Aays2790發表於2020-10-27
原文網址 : https://blog.csdn.net/Aays2790/article/details/109321271
ReactStruct

React 中constructor 作用

react中的constructor大體有兩個作用

1.初始化this.state
2.糾正方法的this的指向

constructor(props) {
  super(props);
  this.state = { counter: 0 }; //初始化state
  this.handleClick = this.handleClick.bind(this); // 事件繫結
}

PS：1.初始化state可以通過屬性的方法初始化，Babel（ES6轉ES5的編譯器）將會在後臺自動加上constructor

2.使用es6箭頭函式，將不需要將事件在constructor中改變this指向。如下

 <button onClick={()=>this.click()}>糾正this指向</button>

相關文章