React Native——组件的生命周期

  • Z时代
  • 2024-01-10
  • 分类：综合

react

组件生命周期

上流程图描述了组件从创建、运行到销毁的整个过程，可以看到如果一个组件在被创建，从开始一直到运行会依次调用getDefaultProps到render这五个函数；在运行过程中，如果有属性和状态的改变，又会触发左侧的其他函数的调用，并在此回到运行状态；当组件即将会被销毁时，会调用函数conponentWillUnmount来通知组件，到最终组件销毁，生命周期结束。

getDefaultProps 获取默认属性，并初始化props;
getInitialState 获取初始化的组件状态state；
componentWillMount 组件将会被装载，在渲染render前调用；
componentWillReceiveProps 如果接收到属性就会调用该方法，旧的属性仍然可以通过this.props来获取，也可以调用this.setState来更新组件的状态，这里更新状态是安全的，不会触发render。
shouldComponentUpdate 决定是否更新组件；
componentWillUpdate 如果组件的状态或者属性改变了，并且shouldComponentUpdate为true，就会调用侧方法准备更新组件；
render渲染，即初次渲染和更新组件的方法；
componentDidUpdate 组件更新完成后会调用此方法；
conponentWillUnmount 当组件要销毁，即从界面移除时，就会调用此方法。

在ES6中已经废除了getDefaultProps和getInitialState的方式，直接通过this.props和this.state来获取。

以上是 React Native——组件的生命周期 的全部内容， 来源链接： utcz.com/z/381794.html

回到顶部