React02_组件生命周期5

2.7 组件生命周期

• 效果

• 理解

  1. 组件对象从创建到死亡会经历特定阶段、
  2. React 组件对象包含一系列钩子函数（生命周期回调函数），在特定的时刻调用。
  3. 我们在定义组件时，在特定的生命周期回调函数中做特定的工作。

• 组件生命周期（旧）

  • 初始化阶段：由ReactDOM.render()触发 — 初次渲染

    1. constructor()

    2. componentWillMount()

    3. render()

    4. componentDidMount()

       一般在这个钩子做一些初始化的事，例如：开启定时器、发送网络请求、订阅请求

  • 更新阶段：由组件内部 this.setState() 或父组件重新 render触发

    1. shouldComponentUpdate()
    2. componentWillUpdate()
    3. render() ： 必须
    4. componentDidUpdate()

  • 卸载组件：由ReactDOM.unmountComponentAtNode()触发

    1. componentWillUnmount()：一般在这个钩子做一些收尾的事

• 组件生命周期_新