26
2017
09

使用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 
}
上一篇:ThinkPHP5微信支付扩展库(这恐怕是世界上最简单的微信支付类库了~) 下一篇:分代收集算法详解