生命周期三种状态

生命周期三种状态

安装

当创建组件的实例并将其插入DOM时，将调用这些方法:

• constructor()
• componentWillMount()
• render()
• componentDidMount()

更新

更新可以由props或state的更改引起。在重新渲染组件时调用这些方法：

• componentWillReceiveProps()
• shouldComponentUpdate()
• componentWillUpdate()
• render()
• componentDidUpdate()

卸载

当从DOM中删除组件时，将调用此方法:

• componentWillUnmount()

文章1：生命周期的hook的总结

• 生命周期的执行时间
• 可以执行的操作
• 意义

文章2：生命周期的实际应用

1. 一次渲染的生命周期，
2. 改变state或者props的重新渲染的生命周期完整流程