react通过ES5和ES6创建类的细节

导包区别
//ES5  只能使用var 方式来声明变量
    var React ="react" 
    var ReactNative="react-native"
    var Text=ReactNative.Text
    var View= ReactNative.View
    var React=require("react-native");
//ES6

import React,{component} from "react"
import {View , Text , AppRegistry} from "react-native"


创建类区别

//ES5
var Son = React.creatClass({//这种creatClass方式react处理过了可以直接使用this不用绑定
    getDefaultProps:function(){
    
    }
    getInitialState:function(){ 
        return {
            clickTime:this.props.clickTime
        }
    }
    render:function(){ 
        <Text onPress={this.timePlus}>
        这里是es5的this指向问题,es5
        </Text>
    }
});//同一页面,两个类的话这里是需要加分号的 

 
//ES6  声明变量 可以使用 let var (const 用来声明常量全局)

class Father extends BaseClass{
    //构造函数
    constructor(props,context){
        super(props,context)//拿到父组件的
    }

    componentWillDidMount(){
        console.log("简写")
    }
    render(){ 
        <Text onPress={this.timePlus.bind(this)}>
        这里是es6的this指向问题,需要绑定this
            <Son/>
        </Text>
    }
}