react生命周期(新)

92 阅读1分钟

react生命周期(新).png

1.初始化阶段:由ReactDOM.render()触发---初次渲染
    1.constructor()
    2.getDerivedStateFromProps()
    3.render()
    4.componentDidMount()=====>常用,一般这个钩子中做一些初始化的事


  2.更新阶段:由组件内部this.setSate()或父组件render触发
    1.getDerivedStateFromProps()
    2.shouldComponentUpdate()
    3.render()
    4.getSnapshotBeforeUpdate
    5.componentDidUpdate()
  3.卸载组件:由ReactDOM.unmountComponentAtNode()触发
    1.componentWillUnmount()  =======常用一般在这个钩子中做一些收尾的事。