15_组件_生命周期总结

时间:2021-03-30 22:06:33

组件的生命周期流程

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

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

    *componentWillMount();将要插入回调

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

    *componentDidMount();已经插入回调

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

    *componentWillUpdate():将要更新回调

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

    *componentDidUpdate():已经更新回调

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

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

重要的钩子:

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

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

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

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