使用ES6写react组件的几点注意事项

前言

随着各大浏览器对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 
}