zoukankan      html  css  js  c++  java
  • React Native——组件的生命周期

    组件生命周期

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

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

    在ES6中已经废除了getDefaultPropsgetInitialState的方式,直接通过this.propsthis.state来获取。

  • 相关阅读:
    hdu1002
    hdu1008
    hdu1000
    fzu2089
    hdu1003
    hdu1004
    HDU1019
    《那些年啊,那些事——一个程序员的奋斗史》——87
    《那些年啊,那些事——一个程序员的奋斗史》——83
    《那些年啊,那些事——一个程序员的奋斗史》——89
  • 原文地址:https://www.cnblogs.com/CrazyWL/p/7299728.html
Copyright © 2011-2022 走看看