React Native组件生命周期(三)

React Native组件的生命周期比较简单,主要常用的主要用

1. constructor(props){}

2. render() {return (...)}

3. componentWillUnmount(){}

4. 在用子组件情况,会先进行父组件的componentWillMount --> 子组件的初始化 --> 父组件render --> 父组件 componentDidMount

其生命周期主要分为三块,

1、组件初始化mount装载,只调用一次,可在constructor处进行state的初始化

2、组件更新update, 调用多次,每当props或者state发生改变时会调用,平时开发可在shouldComponentUpdate处写逻辑判断进行必要的性能优化。

3、卸载unmount, 可在此处进行其他事件等的销毁


React Native组件生命周期(三)_第1张图片

代码演示生命周期过程:

1.初始化mount

React Native组件生命周期(三)_第2张图片

2. 更新update


React Native组件生命周期(三)_第3张图片

3. unmount

React Native组件生命周期(三)_第4张图片

你可能感兴趣的:(React Native组件生命周期(三))