zoukankan      html  css  js  c++  java
  • React初识整理(二)--生命周期的方法

    React生命周期主要有7中:

    1. componentWillMount() :组件将要挂载时触发 ,只调用1次

    2. componentDidMount() :组件挂载完成时触发,只调用1次

    3. componentWillReceiveProps(newProps) :只有props改变时触发(state改变不会触发),可以在方法中改变state。其中传入参数newProps为新的props值

    4. shouldComponentUpdate(newState,newProps) :只要props或者state改变就会触发,它有1个返回布尔值,返回false后、后面的更新就不会执行了,返回ture则要执行。这样就可以用该方法阻止最后界面的渲染,可做性能优化。(不能在方法中改变state)

    5. componentWillUpdate() :即将更新的时候触发,props和state改变都会触发,不能再方法中改变state

    6. componentDidUpdate() :更新完成时触发,props和state改变都会触发,不能再方法中改变state

    7. componentWillUnmount() :组件销毁时触发

    所有时间出发先后顺序如下图示:

      注意:在render /shouldComponentUpdate /componentWillUpdate / componentDidUpdate这4个方法中不能调用改变state的方法、也不能改变state,否则会造成死循环调用,即state状态改变,然后自动又触发了状态改变的方法。

  • 相关阅读:
    memcached 在windows下安装及启动
    细说 ASP.NET Cache 及其高级用法
    asp.net MVC helper 和自定义函数@functions小结
    log4net 总结
    紧跟时代步伐,让我们拥抱MVC 3
    关于node-sass安装失败的解决办法
    table自适应
    获取select选中的值
    省市三级联动
    git bush 代码提交
  • 原文地址:https://www.cnblogs.com/zhangzhiyong/p/10090768.html
Copyright © 2011-2022 走看看