组件的生命周期流程

  一、第一次初始化渲染显示:ReactDOM.render()

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

    *constructor();创建对象初始化state

    *componentWillMount();将要插入回调

    *render();用于插入虚拟DOM回调

    *componentDidMount();已经插入回调

  二、每次更新state:this.setState()

    *componentWillUpdate():将要更新回调

    *render():更新(重新渲染)

    *componentDidUpdate():已经更新回调

  三、移除组件:ReactDOM.unmountComponentAtNode(containerDom)

    *componentWillUnmount():组件将要被移除回调

重要的钩子:

  一、render();初始化渲染或更新渲染调用

  二、componentDidMount();开启监听,发送ajax请求

  三、componentWillUnmount();做一些收尾工作,如:清理定时器

  四、componentWillReceiveProps();后面需要时讲

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄