生命週期方法呼叫不同的狀態
此示例作為其他示例的補充,這些示例討論如何使用生命週期方法以及何時呼叫該方法。
此示例總結了將呼叫哪些方法(componentWillMount,componentWillReceiveProps 等)以及不同狀態的元件的順序將不同 :
初始化元件時:
- getDefaultProps
- getInitialState
- componentWillMount
- 給予
- componentDidMount
當元件狀態發生變化時:
- shouldComponentUpdate
- componentWillUpdate
- 給予
- componentDidUpdate
當元件改變道具時:
- componentWillReceiveProps
- shouldComponentUpdate
- componentWillUpdate
- 給予
- componentDidUpdate
解除安裝元件時:
- componentWillUnmount