### **1、無狀態函數式組件** 它是為了創建純展示組件，這種組件只負責根據傳入的props來展示，不涉及到state狀態的操作 組件不會被實例化，整體渲染性能得到提升，不能訪問this對象，不能訪問生命周期的方法 ### **2、ES5 原生方式 React.createClass // RFC** React.createClass會自綁定函數方法，導致不必要的性能開銷，增加代碼過時的可能性。 ### **3、E6繼承形式 React.Component // RCC** 目前極為推薦的創建有狀態組件的方式，最終會取代React.createClass形式；相對于 React.createClass可以更好實現代碼復用。 ### **無狀態組件相對于于后二者的區別** 與無狀態組件相比，React.createClass和React.Component都是創建有狀態的組件，這些組件是要被實例化的，并且可以訪問組件的生命周期方法。 ### **React.createClass****與React.Component區別** **① 函數this自綁定** - React.createClass創建的組件，其每一個成員函數的this都有React自動綁定，函數中的this會被正確設置。 - React.Component創建的組件，其成員函數不會自動綁定this，需要開發者手動綁定，否則this不能獲取當前組件實例對象。 **② 組件屬性類型propTypes及其默認props屬性defaultProps配置不同** - React.createClass在創建組件時，有關組件props的屬性類型及組件默認的屬性會作為組件實例的屬性來配置，其中defaultProps是使用getDefaultProps的方法來獲取默認組件屬性的 - React.Component在創建組件時配置這兩個對應信息時，他們是作為組件類的屬性，不是組件實例的屬性，也就是所謂的類的靜態屬性來配置的。 **③ 組件初始狀態state的配置不同** - React.createClass創建的組件，其狀態state是通過getInitialState方法來配置組件相關的狀態； - React.Component創建的組件，其狀態state是在constructor中像初始化組件屬性一樣聲明的。 **最后總結** 只要有可能，盡量使用無狀態組件創建形式。 能用React.Component創建的組件的就盡量不用React.createClass形式創建組件，以增強復用性和提高性能。