RN学习二

Touchable组件

TouchableOpacity:本组件用于封装视图使其可以相应事件.
让其内部的组件半透明.

//IOS特有调试
AlertIOS.alert()
//ES5和ES6语法的差异.

render函数,程序启动渲染UI时执行

     
     {this.props.title}
     
     {this.state.title}
     
     {instructions}
     
//点击事件
textOnPress = () => {
    this.setState ({
      title:'点击了'
    })
  }


ES5中getInitialState函数,在render函数执行之前执行.
getInitialState () {
    reture {

    }
},

ES6改为constructor
constructor(props) {
    super(props);
    this.state = {
      title:'nihao'
  };
 }

getDefaultProps默认初始化方法改为defaultProps
getDefaultProps (){
    return {
      title:'hahah'
    }
  }

   static defaultProps = {
    title: 'hahah'
  }

ES5和ES6写法区别具体参照:
https://www.jianshu.com/p/75f4d1640da7

组件的生命周期的概念(重点)

1. 开始阶段(实例化)-->重点
   1.1 //初始化一些不可改变的值.可以通过this.props.XXX取到值
   getDefaultProps(){
   }
   1.2 //初始化一些可改变的值,一旦调用了getInitialState方法组件就一定会调用render方法.
   getInitialState(){
   }
   1.3 //componentWillMount,相当于viewWillAppear方法
   1.4 /componentDidMount,render方法之后.作用:请求网络加载数据.(耗时的复杂的操作)

2. 存在阶段(显示阶段)
   事件处理的循坏

3. 销毁阶段(将要销毁阶段)
   componentWill相当于OC中的内存警告.

()=>语法:

注意:this.函数名()

查看下新版事件处理是如何进行的.