生命周期方法调用不同的状态

此示例作为其他示例的补充,这些示例讨论如何使用生命周期方法以及何时调用该方法。

此示例总结了将调用哪些方法(componentWillMount,componentWillReceiveProps 等)以及不同状态的组件的顺序将不同

初始化组件时:

  1. getDefaultProps
  2. getInitialState
  3. componentWillMount
  4. 给予
  5. componentDidMount

当组件状态发生变化时:

  1. shouldComponentUpdate
  2. componentWillUpdate
  3. 给予
  4. componentDidUpdate

当组件改变道具时:

  1. componentWillReceiveProps
  2. shouldComponentUpdate
  3. componentWillUpdate
  4. 给予
  5. componentDidUpdate

卸载组件时:

  1. componentWillUnmount