zoukankan      html  css  js  c++  java
  • React生命周期总结

    React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。
    分为三个阶段,分别是

    装载 Mounting
    更新 Updating
    卸载 Unmounting

    1. 钩子说明

    1.componentWillReceiveProps

    mounted的组件接收新的props的时候,被调用,参数是新的props。可以在其中比较新的props和this.props,从而执行修改state等操作

    2.shouldComponentUpdate

    mounted的组件接收到新的state和props后,判断是否有必要更新组件。可以通过新的props和新state对象和
    this.props和this.state比较,来决定是否更新DOM结构。返回true更新,false不更新。

    3.componentWillUpdate

    组件更新前调用

    4.componentDidUpdate

    组件更新后调用

    5.componentWillUnmount

    组件销毁前执行一项操作,例如清除定时器,解绑事件等

    6.getDefaultProps

    并不是获取props的默认值,而是设置默认的props,此方法返回一个对象,设置props的默认值,如果父组件没有给某个prop那就用默认的

    7.getInitialState

    并不是获取组件的初始状态,而是设置初始的state,此方法返回一个对象,设置组件mount以后的初始state

    参考:http://www.cnblogs.com/liulixiang/p/5002469.html

  • 相关阅读:
    View传参数到Controller(asp.net mvc3) 中庸
    ExtJS实战(3)spring
    spring AOP(2)
    ExtJS实战(1)准备工作和界面赏析
    ExtJS+DWR+Spring+Hibernate开发HRMS(5)
    ExtJS实战(2)hibernate
    ExtJS实战系列前言
    Hibernate QBC高级查询
    ExtJS+DWR+Spring+Hibernate开发HRMS(4)
    ExtJS+DWR+Spring+Hibernate开发HRMS(3)
  • 原文地址:https://www.cnblogs.com/mengff/p/9517375.html
Copyright © 2011-2022 走看看