react native 生命周期详解

Posted 2023-05-08

参考技术A React Native严格定义了组件的生命周期，可能经历如下三个阶段：

ES6中每个类的构造函数，并不是每个组件都需要定义自己的构造函数，需要构造函数往往有以下目的：

getDefaultProps这个函数的返回值可以作为props的初始值，但是这个方法只有用React.createClass方法创建组件类才会用到。

getInitialState这个函数的返回值会用来初始化组件的this.state，但是这个方法只有用React.createClass方法创建组件类才会发生作用。

componentWillMount会在render函数之前被调用，通常不用定义componentWillMount函数，在componentWillMount中做的事情可以提前到constructor中去做。

组件渲染，是React Native组件中最重要的函数。

组件渲染完成会调用componentDidMount。

组件接收到新的props，会调用componentWillReceiveProps。在这个函数里面，你可以根据属性的变化，通过调用 this.setState() 来更新你的组件状态，这里调用更新状态是安全的，并不会触发额外的 render() 调用。

shouldComponentUpdate决定了一个组件什么时候不需要渲染，该函数返回一个布尔值，如果返回true，就会继续更新过程，返回false，就会立刻停止更新过程。默认情况下，这个函数永远返回 true 用来保证数据变化的时候 UI 能够同步更新。在大型项目中，你可以自己重载这个函数，通过检查变化前后属性和状态，来决定 UI 是否需要更新，能有效提高应用性能。

在这个函数中，可以做一些在更新界面之前要做的事情。

调用了 render方法更新完成界面之后，会调用 componentDidUpdate方法。

当组件要被从界面上移除的时候调用。

React Native 生命周期

几个常用方法:

 

 

另外一个常用的:

navigationOptions

//componentWillMount componentDidMount 都早于navigationOptions执行