zoukankan      html  css  js  c++  java
  • react生命周期-新旧对比版

    这是旧的声明周期

    生命周期的三个阶段(旧)
    1.初始化阶段: 由ReactDOM.render()触发---初次渲染
    * constructor()
    * componentWillMount()
    * render()
    * componentDidMount()
    2.更新阶段: 由组件内部this.setSate()或父组件重新render触发
    * shouldComponentUpdate()
    * componentWillUpdate()
    * render()
    * componentDidUpdate()
    3.卸载组件: 由ReactDOM.unmountComponentAtNode(containerDOM)或隐藏子组件触
    * componentWillUnmount()

    这是新的生命周期

     

    1.初始化阶段: 由ReactDOM.render()触发
    * constructor()
    * getDerivedStateFromProps()
    * render()
    * componentDidMount()
    2.更新阶段 由组件内部this.setSate()或父组件重新render触发
    * getDerivedStateFromProps()
    * shouldComponentUpdate()
    * render()
    * getSnapshotBeforeUpdate()
    * componentDidUpdate()
    3.移除组件: 由ReactDOM.unmountComponentAtNode(containerDom)触发
    * componentWillUnmount()
  • 相关阅读:
    Python学习笔记(三)
    Python学习笔记(二)
    GDUFE ACM1159
    GDUEFE ACM1003 练手
    GDUFE ACM1033
    GDUFE ACM1128
    GDUFE ACM1002
    EDUFE ACM1050
    GDUFE ACM1007
    GDUFE ACM1003
  • 原文地址:https://www.cnblogs.com/jia460/p/14597074.html
Copyright © 2011-2022 走看看