React 生命周期对应的方法

[goldEli]

React 生命周期对应有哪几个方法，每个方法怎么用？

[lurasso]

初始化阶段：
1、defaultProps 设置组件默认属性
2、constructor 设置组件的初始化状态
3、componentWillMount() 组件即将被渲染时被触发
4、render() 渲染时触发
5、componentDidMount() 渲染完成后，此时可以操作dom元素

运行中阶段：
1、componentWillReceiveProps() 属性接收到属性后触发，可以通过修改父组件的属性值调用该函数
2、shouldComponentUpdate() 当组件接收到新属性，或者组件的状态发生改变时触发，可以在这个函数优化性能
3、componentWillUpdate() 组件即将被更新时触发
4、componentDidUpdate() 组件完成更新后触发

卸载阶段：
1、componentWillUnmount() 组件被销毁时触发，可用于清理定时器和取消redux订阅

[FireDragonZL]

• 挂载阶段 constructor()方法 - 初始化状态 render()方法 - 初始化页面渲染 componentDidMount()方法 - 初始化阶段执行逻辑
• 运行阶段 static getDerivedStateFromProps()方法 - 每次render()都会调用，在state从props中获取值时使用 shouldComponentUpdate()方法 - 判断虚拟Dom是否重绘，多用于性能优化场景 getSnapshotBeforeUpdate()方法 - 在render之前调用，state已更新，用于获取render()前的Dom状态 render()方法 - 组件更新页面时调用 componentDidUpdate()方法 - 组件完成更新时触发
• 卸载阶段 componentWillUnmount()方法 - 销毁方法，释放资源