# React組件是怎么來的 組件的創造方法為React.createClass() ——創造一個類，react系統內部設計了一套類系統，利用它來創造react組件。但這并不是必須的，我們還可以用es6的class類來創造組件,這也是Facebook官方推薦的寫法。 這兩種寫法實現的功能一樣但是原理卻是不同，es6的class類可以看作是構造函數的一個語法糖，可以把它當成構造函數來看，extends實現了類之間的繼承 —— 定義一個類Main 繼承React.Component所有的屬性和方法，組件的生命周期函數就是從這來的。constructor是構造器，在實例化對象時調用，super調用了父類的constructor創造了父類的實例對象this，然后用子類的構造函數進行修改。這和es5的原型繼承是不同的，原型繼承是先創造一個實例化對象this，然后再繼承父級的原型方法。 當我們使用組件<Counter />時，其實是對Main類的實例化——new Counter，只不過react對這個過程進行了封裝，讓它看起來更像是一個標簽。 有三點值得注意： 1、定義類名字的首字母必須大寫 。 2、因為class變成了關鍵字，類選擇器需要用className來代替。 3、類和模塊內部默認使用嚴格模式，所以不需要用use strict指定運行模式。