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 'reac t'; class MyComponent extends Component { constructor(props) { super (props); } render() { return ( <div> ES6 方式创建的组件</div> ); }} MyComponent .propTypes = { nameProp: React . PropTypes .string}; MyComponent .defaultProps = { nameProp: ''};export default MyComponent ;

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

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

  <div οnclick={this.handleClick.bind(this)}