zoukankan      html  css  js  c++  java
  • React 组件生命周期

    1. 实例化期(Mounting)

      主要包括属性(this.props.)和状态(getInitialState)的初始化阶段、

      组件即将加载(componentWillMount)阶段、

      组件渲染(render)阶段、

      组件加载完成(componentDidMount)阶段,

      除了render可在存在期的时候再次进行组件渲染之外,其他阶段只会发生一次

    2. 存在期间(Updating)
      组件实例化之后,在组件存在的时期,随着与用户的交互,属性或状态的改变,组件可发生一些更新
      componentWillReceiveProps(nextProps)
      组件接收到属性(通常是父级传来的),带一个参数,即为该属性对象
      shouldComponentUpdate(nextProps, nextState)
      组件是否应该更新,true|false,默认返回true,带两个参数,将要更新的属性对象和状态对象
      需要注意的是,如果自定义了这个方法,就会直接覆盖默认的方法(若定义之后不返回则表示返回了false)
      componentWillUpdate(nextProps, nextState)
      组件将更新,带两个参数,将要更新的属性对象和状态对象
      render
      再次进入渲染阶段
      componentDidUpdate(prevProps, prevState)
      组件更新完成,带两个参数,之前(已经)更新的属性对象和状态对象
    3. 销毁期(Unmounting)
      componentWillUnmount
      销毁期发生在组件被移除的时候,用于如果卸载组件后需要做一些特殊操作时,一般很少用


    getInitialState组件状态
      这个函数在组件初始化的时候执行,
      getInitialState函数必须有返回值,可以是NULL或者一个对象。
      通过this.state.属性名来访问属性值

  • 相关阅读:
    前端基础之html
    前端基础之css
    python模块之pyMySql
    MySQL基础命令
    python 异常处理、进程
    python第三方模块之paramiko模块
    python之socket网络编程
    centos65安装docker遇到的问题
    在Mac和win7上分别安装了docker后,发现原来的vagrant都启动不了了
    应用升级提示页面
  • 原文地址:https://www.cnblogs.com/sanday/p/10184194.html
Copyright © 2011-2022 走看看