react 生命周期钩子函数


实例化

  • constructor//构造函数:获取props,然后state, 
  • componentWillMount//挂载之前,可修改setState
  • render//渲染真实dom
  • componentDidMount//第一次render后,仅一次,可setState

存在期

  • componentWillReceiveProps(nextprops)//父组件render时props更新时,不管props是否变化
  • shouldComponentUpdate//修改state后自动调用,默认返回true,false跳过后面的,少用
  • componentWillUpdate//修改state后的render之前自动调用,相似于CWM
  • render
  • componentDidUpdate//render后调用,万不得已不要修改state死循环

销毁期

  • componentWillUnmount//销毁前

更改state 

  • this.setState((prevState,props)=>{
        return { }    
    }
    ,callback)

 setTimeout

let this.idInterval =setInterval()

clearInterval(this.idInterval)

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM