eact建立元件的三種方式：

1、函式式無狀態元件

2、es5方式React.createClass元件

3、es6方式extends React.Component

三種建立方式的異同

1、函式式無狀態元件

（1）語法

（2）特點

● 它是為了建立純展示元件，這種元件只負責根據傳入的props來展示，不涉及到state狀態的操作。

● 元件不能訪問this物件

● 不能訪問生命週期方法

（3）建議

如果可能，儘量使用無狀態元件

2、es5方式React.createClass元件

（1）語法

（2）特點

這種方式比較陳舊，慢慢會被淘汰。

3、es6方式extends React.Component

（1）語法

（2）特點

● 成員函式不會自動繫結this，需要開發者手動繫結，否則this不能獲取當前元件例項物件。

● 狀態state是在constructor中像初始化。

● props屬性型別和元件預設屬性作為元件類的屬性，不是元件例項的屬性，所以使用類的靜態屬性配置。

最後：

“相信有很多想學前端的小夥伴，今年年初我花了一個月整理了一份最適合2018年學習的web前端乾貨，從最基礎的HTML+CSS+JS到移動端HTML5等都有整理，送給每一位前端小夥伴，53763，1707這裡是小白聚集地，歡迎初學和進階中的小夥伴。”