React 中constructor 作用

Aays2790發表於2020-10-27

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>

相關文章