react的es6写法

今天想起来把react的es5写法转为es6语法

 即react.createClass  =>  react.component

知识点1 let App = React.CreateClass({})  =>   class App extends Component{   }

知识点2 每个函数之间去掉了逗号

知识点3  

props propTypes and getDefaultProps

import React,{Component } from 'react';classMyComponentextendsComponent{ constructor(props) { super(props); } render() {return ( <div>ES6方式创建的组件</div> ); }}MyComponent.propTypes = { nameProp:React.PropTypes.string};MyComponent.defaultProps = { nameProp: ''};exportdefault MyComponent;

知识点4  初始化state操作在constructor中完成，

知识点5   使用ES6 class语法创建组件， class中的方法不会自动将this绑定到实例中。必须使用 .bind(this)或者 箭头函数 ＝>来进行手动绑定。

  <div onclick={this.handleClick.bind(this)}