react生命周期es6

基本函数有

import React from 'react'

export default class MyClass extends React.Component {
  constructor(props){
    super(props)
    /**
     * 在这里生命当前页面的state
     */
    this.state = {

    }
  }
  /**
   * 第一次渲染前调用
   * 客户端和服务的都调用
   * 只调用一次
   * 可以调用this.setState
   */
  componentWillMount(){

  }
  /**
   * 在第一次渲染成功后调用
   * 可以得到dom节点 this.getDOMNode()
   * 客户端调用
   * 服务端不调用
   * 只调用一次
   */
  componentDidMount(){

  }
  /**
   * 组件将要接收新的props执行
   * @param {*} nextProps
   */
  componentWillReceiveProps(nextProps){

  }
  /**
   * 判断组件是否应该重新渲染，默认是true
   * 一般返回true，这样在更新props或state才能重新渲染、
   * 返回false将不能重新渲染
   */
  shouldComponentUpdate(nextProps, nextState){
    return true
  }
  /**
   * 组件将要重新渲染
   */
  componentWillUpdate(){

  }
  /**
   * 组件重新渲染完成
   * 客户端有此生命周期方法
   * 服务器端没有
   *
   */
  componentDidUpdate(){

  }
  /**
   * 卸载组件
   * 把一些监听事件卸载
   */
  componentWillUnmount(){

  }
  /**
   * 渲染组件
   * 必须有
   * 不可以用this.setState方法
   */
  render(){
    return (
      <div></div>
    )
  }
}

import React from 'react'

export default class MyClass extends React.Component {

constructor(props){

super(props)

/**

* 在这里生命当前页面的state

*/

this.state = {

}

}

/**

* 第一次渲染前调用

* 客户端和服务的都调用

* 只调用一次

* 可以调用this.setState

*/

componentWillMount(){

}

/**

* 在第一次渲染成功后调用

* 可以得到dom节点 this.getDOMNode()

* 客户端调用

* 服务端不调用

* 只调用一次

*/

componentDidMount(){

}

/**

* 组件将要接收新的props执行

* @param{*}nextProps

*/

componentWillReceiveProps(nextProps){

}

/**

* 判断组件是否应该重新渲染，默认是true

* 一般返回true，这样在更新props或state才能重新渲染、

* 返回false将不能重新渲染

*/

shouldComponentUpdate(nextProps, nextState){

return true

}

/**

* 组件将要重新渲染

*/

componentWillUpdate(){

}

/**

* 组件重新渲染完成

* 客户端有此生命周期方法

* 服务器端没有

*

*/

componentDidUpdate(){

}

/**

* 卸载组件

* 把一些监听事件卸载

*/

componentWillUnmount(){

}

/**

* 渲染组件

* 必须有

* 不可以用this.setState方法

*/

render(){

return (

<div></div>

)

}

}