day0618
React Developer Tools
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210618111512543.png)
老版生命周期:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210618111642861.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2MDA4NDQy,size_16,color_FFFFFF,t_70)
新版生命周期:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210618111628782.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2MDA4NDQy,size_16,color_FFFFFF,t_70)
钩子函数
生命周期函数只有类组件才有
setup props and state 就是constructor构造函数
update 死循环
static getDerivedStateFromProps()
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210618115419860.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ2MDA4NDQy,size_16,color_FFFFFF,t_70)
react实现计算属性:
memoize-one
vue watch可监听引用类型的变化???
react
十一、组件的生命周期
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210618194545370.png)
1、初始化
2、更新阶段
3、卸载阶段
4、错误处理
5、各生命周期详解
6、PureComponent
7、ref