구성 요소 클래스의 정의
es5

var ComponentES5 = React.createClass({// 
      render:function(){
        return(
) 
      }
  })

es6

  class ComponentES6 extends React.Component{
      render(){
        return(
) 
      }
  }

状态初始化

es5

var ComponentES5 = React.createClass({
getInitialState: function() {
  return {aipp:true};
},
render:function(){
  return(
)
}

})

es6

class ComponentES6 extends React.Component{
  constructor(props) { 
    super(props);
    this.state = {aipp:true};
  }// 
  render(){
    return(
) 
  }
}

属性初始化

es5

var ComponentES5 = React.createClass({
  getDefaultProps: function() {
    return {aipp:true};
  },
  render:function(){
    return(
) 
  }
})

es6

class ComponentES6 extends React.Component{
  // ： static class 
  static defaultProps = {aipp:true }
  render(){
    return(
) 
  }
}
// ： ， class 
ComponentES6.defaultProps = {aipp:true}

组件抛出

es5

  module.exports = ComponentES5;

es6

  export default ComponentES6;//export s

이벤트 바인딩
es5

  var ComponentES5 = React.createClass({
    clickHandle:function(){
      alert('aipp');
    },
    render：function(){
      

    }  
  })

es6

  class ComponentES6 extends React.Component{
    clickHandle(){
      alert('aipp')
    }
    render(){
      

        // bind(this)
    }
  }

업데이트 중...