1. 创建时
   • constructor
     ES6 class的构造方法，组件被创建时，会首先调用组件的构造方法。
   • componentWillMount
     这个方法在组件被挂载到DOM前调用，且只会调用一次。
   • render
     组件定义时唯一必要的方法。不负责组件的实际渲染工作，只是返回一个UI的描述。
   • componentDidMount
     在组件被挂在到DOM后调用，且只会被调用一次。此时获取到DOM结构，所以依赖DOM节点的操作可以放到这个方法中。还可以用于向服务器端请求数据。这个方法中调用this.setState会引起组件的重新渲染。
2. 更新时
   • componentWillReceiveProps(nextProps)
     只在props引起组件更新过程中，才会被调用。
   • shouldComponentUpdate(nextProps,nextState)
     这个方法决定组件是否继续执行更新操作。返回true(默认返回值)，组件会继续更新；当方法返回false时，组件的更新过程停止。
   • componentWillUpdate(nextProps,nextState)
     这个方法在组件render调用前执行，可以作为更新发生钱执行某些工作的地方。
   • render
   • componentDidUpdate(prevProps,prevStste)
     组件被更新之后调用，可以作为操作更新后的DOM的地方。
3. 卸载时
   • componentDidUpdate
     这个方法在组件被卸载前调用，可以在这里执行一些清理工作。

注意：只有类组件才具有

image.png