1.裝載過程
- 當(dāng)組件第一次被渲染會(huì)執(zhí)行裝載過程
- constructor:用于初始化state或綁定成員函數(shù)的this環(huán)境
- componentWillMount:在調(diào)用render函數(shù)之前被調(diào)用
- render:只能訪問this.props和this.state
- componentDidMount:在調(diào)用render函數(shù)之后被調(diào)用
2.更新過程
- componentWillReceiveProps:父組件的render函數(shù)被調(diào)用時(shí)被觸發(fā)
- shouldComponentUpdate:決定一個(gè)組件是否被渲染恨樟,可以提升性能
- componentWillUpdate:提供需要更新的props和state
- render:同上
- componentDidUpdate:提供更新前的props和state
3.卸載過程
- componentWillUnmount:進(jìn)行清理操作半醉,比如計(jì)時(shí)器和事件監(jiān)聽器
4.整體流程
-
注意componentWillReceiveProps在父組件的render函數(shù)被調(diào)用時(shí)被觸發(fā),而不是當(dāng)組件的props發(fā)生改變時(shí)觸發(fā)