温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
好了各位,那演示完这个获取快照这个钩子之后呢,我们就把新的生命周期啊,就整体都讲完了,我们看一下图说老师卸载还没讲呢,卸载没什么可说的,你只要卸载跟旧的一样,直接走view on want啊那回到课件当中,课件当中呢,也写好了新生命周期的总结,我们复制粘到代码当中。因为我们在讲旧的钩子的时候,在最上方来了一波总结,那我们讲新的呢,也得在最上方来一个总结,粘过来缩进的,我调一下这儿呢,往后动,往前往前。往后来调一下它,好来我们整体读一读同学,初始化的时候,对于新生命周期构造器走完了,不再有view mount将要挂载那钩子了,取而代之的呢,是这个人,剩下的都一样,Render data mount。然后再说更新阶段,也没有will update了,将要更新,取而代之的呢,是这么一个人,但是并不是说我拿它能当view mount用,我拿它能当view update用,不是这意思,需要的时候你在用这个钩子,因为我们知道从图上来讲,这个人如果在前方,那就意味着你这个组件的state完全取决于谁,是不是pros。哎,所以说这块呢,你得知道啊,并不是说他俩出现在同样的位置,它就是它的替代者了。同学们,你想一下啊,如果get derived state from props和之前的view mount是一个意思的话,那为什么还要废弃原来的名弄出来?
01:38
一个新的名完了,功能跟它一样呢,对吧?哎,所以说这个钩子和这个钩子几乎都不用啊,关掉我们再往下看,再说更新的时候,更新肯定就是这个是吧,然后是阀门,然后是render,正常来说直接就data update了,但是在这儿呢,诶它给了你一个,诶中间这个人对吧?就你马上要更新了,那你想不想拍个快照啊,你想不想获取一下,目前滚动到哪了,目前内容区有多高啊,你可以在这里边来进行一些操作,对吧?这是更新的时候,那么还有一个阶段就是卸载,那就跟之前都是一样的了,说老师呢,这个新的钩子里边哪些常用呢?跟旧的是一样的,旧的里边我问大家是不是component data amount常用啊,那就把这个复制过来,来到新的里边,一样的走,往前动,那旧的里边呢,如果咱说这个view on amount常用,那么在新的里边呢,也是它常用。
02:34
找过来。重新站好,所以说同学你发没发现啊,新的生命周期里边根本就没有动那些特别常用的。是吧,来,我们用图去说话,关掉关掉旧的新的,我给你分个屏啊,左边旧的右边新的,来吧,同学常用的哪三个来着?Render did mount view on mount,你看这render did mount view on mount。
03:03
无论是他们的名字,还是他们所处的位置,是不是都没有发生变化,因为这三个人特别常用,OK,你剩下这些will prop view update view mount已经不推荐你使用了,所以说尽量你就别用了啊,这两个人呢,那就是需要的时候你考虑考虑它,对吗?哎,那说老师新的讲完了,旧的讲完了,那我怎么去把控呢?课件里边已经给大家整理好了,我们看一下往下你需要知道的是有三个重要的钩子,一个是render,一个是data amount,一个是view mount,就像咱开玩笑的说,这就是人出生的那一刻,这就是人将要乘风归去那一刻,对吗?啊,都是大日子,开启监听啊,发送请求啊,做一些收尾的工作呀,清理定时器啊等等这些对吗?即将废弃的钩子不推荐你使用了,那三个will啊,Will mount will还有will update啊,现在使用的会出现警告,下一个大版本呢,需要哎,不是机省是吧?哎,错别字叫加上unsafe前缀才能使用,以后可能会被彻底的废弃了,那就不建议使用了,虽然现在还没有废弃,REACT18版本能怎么样,我们也不知道是吧,拭目以待。所以说知道重要的有三个,即将废弃的有三个就可以了,或者你再补一句说新提出来的有两个,但是使用场景呢,不是非常多啊好,那这小节呢,我们停一下。
我来说两句