React 生命周期学习一波

React 生命周期学习一波

首先上图,才能看清楚

 1.通过一个时钟案例我们来了解react的生命周期

 

我们如何让react 显示时钟效果

React 生命周期学习一波

 我们componentDidMount   这个生命周期的时刻.我们给他重新定时.因为他是在render 之后的,所以我们可以这样去解决这个问题.

 

同时,我们要销毁这个组件

React 生命周期学习一波

我们要清理这些的内存泄露问题.,需要使用this去绑定,这样他才能够清理的到.

 React 生命周期学习一波React 生命周期学习一波

 React 生命周期学习一波