React 中constructor 作用
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>
相關文章
- 理解 es6 class 中 constructor 方法 和 super 的作用Struct
- [譯]React ES6 class constructor super()ReactStruct
- react中內聯樣式的z-index不起作用.ReactIndex
- React元件:為什麼呼叫順序是constructor -> willMount -> render -> DidMountReact元件Struct
- Prototype/ConstructorStruct
- JavaScript constructorJavaScriptStruct
- 深入分析js中的constructor 和prototypeJSStruct
- Default copy constructor does not call correct base(轉) constructorStruct
- get_constructorStruct
- constructor和superStruct
- TypeError: SizeOnlySource is not a constructorErrorStruct
- Lombok 之 ConstructorLombokStruct
- Angular 2 constructor & ngOnInitAngularStructGo
- 如何理解es6中的class,以及class中的constructor函式Struct函式
- Java中Arrays作用Java
- Javascript - prototype、__proto__、constructorJavaScriptStruct
- Java中的volatile的作用和synchronized作用Javasynchronized
- react 元件加上 displayName 屬性的作用是什麼React元件
- Vue中key的作用Vue
- JAVA中initCause()的作用Java
- C++中::的作用C++
- JavaScript中[]作用有哪些JavaScript
- css中!important的作用CSSImport
- JavaScript中的作用域JavaScript
- spring中通過constructor來注入引數的四種方式SpringStruct
- js報錯:TypeError: Date is not a constructorJSErrorStruct
- javascript constructor簡單介紹JavaScriptStruct
- PatchObject constructor:Input file does not existObjectStruct
- 幫你徹底搞懂JS中的prototype、__proto__與constructor(圖解)JSStruct圖解
- 理解 JavaScript 中的作用域JavaScript
- vue中的css作用域VueCSS
- Java中@Override的作用JavaIDE
- java中static作用詳解Java
- JAVA中 @Override 的作用JavaIDE
- C#中#region,#if的作用C#
- 7.107 JSON Type ConstructorJSONStruct
- constructor 未指向建構函式Struct函式
- 什麼是 constructor signature in interfaceStruct