生命週期方法呼叫不同的狀態

此示例作為其他示例的補充,這些示例討論如何使用生命週期方法以及何時呼叫該方法。

此示例總結了將呼叫哪些方法(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