1.裝載過(guò)程

• 當(dāng)組件第一次被渲染會(huì)執(zhí)行裝載過(guò)程
• constructor：用于初始化state或綁定成員函數(shù)的this環(huán)境
• componentWillMount：在調(diào)用render函數(shù)之前被調(diào)用
• render：只能訪問(wèn)this.props和this.state
• componentDidMount：在調(diào)用render函數(shù)之后被調(diào)用

2.更新過(guò)程

• componentWillReceiveProps：父組件的render函數(shù)被調(diào)用時(shí)被觸發(fā)
• shouldComponentUpdate：決定一個(gè)組件是否被渲染，可以提升性能
• componentWillUpdate：提供需要更新的props和state
• render：同上
• componentDidUpdate：提供更新前的props和state

3.卸載過(guò)程

• componentWillUnmount：進(jìn)行清理操作，比如計(jì)時(shí)器和事件監(jiān)聽(tīng)器

4.整體流程

• 注意componentWillReceiveProps在父組件的render函數(shù)被調(diào)用時(shí)被觸發(fā)，而不是當(dāng)組件的props發(fā)生改變時(shí)觸發(fā)