前言

隨著各大瀏覽器對ES6語法的支援以及babel外掛的使用，ES6語法使用越來越多。不久前，完成一個react專案，對ES6編寫react元件踩了不少坑。在此記錄開發時，應該注意的一些事項。

正文
1. export default和export的區別：
編寫react元件時使用的是export default
2. 使用ES6編寫元件時:

export default class App extends Component{

}

這種寫法元件沒有初始state方法getInitialState，只有兩個屬性：defaultProps和displayName
3. 使用ES6class編寫元件時，要propTypes和defaultProps可以這樣寫：

export default class App extends Component{
   //...code
   static get defaultProps(){
         return {debug: false}
    }   
   static get propTypes(){
         return {debug: PropTypes.bool}
   }
   //...code 
}