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