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)

 

posted @ 2018-05-02 11:01  王利群  阅读(3509)  评论(0编辑  收藏  举报