学习React
免不了对组件生命周期的学习,我们应该掌握最新生命周期,学以致用,以达到性能优化的目的。
The Component Lifecycle
React Version: 16.3
1 生命周期可视化
2 简要总结:
- 去掉了3个方法
componentWillMount
componentWillReceiveProps
componentWillUpdate
- 增加了2个方法
static getDerivedStateFromProps(nextProps, prevState)
getSnapshotBeforeUpdate(prevProps, prevState)
- 更改了1个方法,增加了第3个参数
componentDidUpdate(prevProps, prevState, snapshot)
- 更改原因:
官网说是为了实现将来新版本的异步渲染In order to support async rendering
最后
如有兴趣深入了解的同学,可以到官网了解最新资讯。
官网文档: https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。