React Native学习笔记之一

1：运行React Native报连接错误解决

React Native学习笔记之一 images/loading.gif' data-original="http://images2015.cnblogs.com/blog/80291/201608/80291-20160810172640606-1215987098.png" width="184" height="341" />

解决方式：

在终端进入项目文件里，然后执行：(cd Pods/React; npm run start)

2:组件生命周期介绍

创建阶段
1、 getDefaultProps

作用于组件类，也就是调用React.createClass()的时候被调用。
每次创建组件的时候执行且只执行一次，方式如 reload Js。

用来处理props的默认值。

note ：
如果在JS文件中定义了一个组件，但是没有使用它，此组件的getDefaultProps也会被调用。
组件内部不允许对props进行修改，只能通过调用她的父组件来修改，也就是从父组件向当前组件进行传值，在组件的内部去使用或展示这个值。

实例化阶段
作用于组件的实例，当组件被调用的时候执行
2、getInitialState
初始化组件的state值，返回值将赋值给this.state。
作用相当于自定义控件的构造函数及成员变量初始化。

3、componentWillMount
组件开始渲染render之前被调用。
所以控件展示之前的逻辑处理，应该在这个函数中实现。
作用相当于Fragment生命周期中的onCreate方法。

4、render
根据State的值，开始渲染，生成一个虚拟的DOM，并返回。
组件所需的控件及初始值在这里定义。
作用相当于MVVM开发模式中的
返回值：null、false、返回View结构

5、componentDidMount
在最初的render方法调用之后立即调用。
在这个方法中，父组件可以访问子组件的任意引用。
子组件的componentDidMount方法在父组件的此方法之前调用。
网络请求、事件订阅等操作可以在这个方法中调用。
作用相同与Fragment生命周期中的onViewCreate方法。

以上是创建一个组件，及不更新组件数据的情况下的整个生命周期，

更新阶段
6、componentWillReceiveProps
接收更新之后的props。
如果props没有更新，此方法不调用。

7、shouldComponentUpdate
当state的值有变化时，先执行此方法，此返回值为true/false，判断是否执行更新操作，即是否执行render渲染。
所以可以在此方法中编码，当状态改变时是否重新渲染的逻辑。

8、componentWillUpdate
执行更新render方法之前需要做的处理。
同componentWillMount方法，可以修改state值。

9、componentDidUpdate
组件的更新已同步到DOM中，可以进行DOM操作。

销毁阶段
10、componentWillUnMount
组件生命周期的最后一步，组件将走到生命的尽头，^_^，这是我们需要做一些回收的工作。
如取消事件绑定，关闭网络连接等操作。

3:组件生命周期流程图介绍