1.函式定義式的無狀態元件
建立純展示元件，只負責根據傳入的props來展示，不涉及state的操作。
無狀態函式式元件形式上表現為乙個直帶有乙個render方法的元件類。
function hellocomponent(props)
}reacrdom.render(,mountnode)
2.元件不能訪問this物件
3.元件無法訪問生命週期的方法
4.無狀態元件只能訪問輸入的props
2.es5原生方式react.createclass定義的元件
有狀態的元件，會被例項化，可以訪問元件生命週期。
react,createclass會自繫結函式方法導致不必要的效能開銷，增加**過時的可能性
react.createclass的mixins不夠自然，直觀。適合高階元件。
3. es6，react.component
與上面的區別：
a. react.createclass建立的元件，每個成員函式的this都有react自動繫結，任何時候使用，直接使用this.method即可
react.component需要開發者手動繫結this（在建構函式完成繫結；呼叫時使用bind；使用箭頭函式）
b. react.createclass在建立元件時，有關元件props的屬性型別及組建預設的屬性會作為元件例項的屬性來配置
react.component則是作為組建類的屬性，也就是所謂的類的靜態屬性配置的
c. react.createclass建立的元件，其狀態state是通過getinitialstate方法來配置元件相關的狀態
react.component建立組建是，state是在constructor中像初始化元件屬性一樣宣告的
React建立元件的三種方式
react常見的三種元件建立方式，具體如下 函式式定義的無狀態元件 es5原生方式react.createclass定義的元件 es6形式的extends react.component定義的元件 下面我們簡單說一下，這三種方式的用法 適用場合以及區別 import react,from react...
React三種建立元件的方式
react一共有三種建立方式 1 函式式定義的無狀態元件 2 es5原生方式react.createclass建立元件 3 es6繼承react.component方式 無狀態函式式元件是乙個只帶有render方法的函式，並且該元件是無狀態的，具體的形式如下 function hello props...
React建立元件的三種方式及其區別
react建立元件的三種方式及其區別 三種方式 函式式定義的無狀態元件es5原生方式react.createclass定義的元件 es6形式的extends react.component定義的元件 function hellocomponent props,context reactdom.ren...