00:00
好嘞,各位,那说完了旧的生命周期之后呢,我们再说说新的,大家也不用紧张,新的生命周期只是在旧的基础上呢,进行了一些微调啊,回到代码当中走,接下来我不能直接开始给你讲新的生命周期,因为我得下载最新版本的react,打开依赖包,你发现我们之前一直用的是十六点八点四版本,对吧?哎,那看一下react DOM呢,也是十六点八点四同学他俩的版本一般都是匹配的。你这用15.1,那这就是15.1,不存在说核心库用的是16,而这呢用的却是15啊,这基本上不存在,它俩是统一的,好了同学那去吧,下载react的最新版本,去哪下载呢?你能想到肯定得去官方对吧,打开文档,在这里边有一个CDN链接,它就给你准备好了,他给你准备好的是两个啊同学们react.development.js啊,还有一个是react DOM啊这个库,那你看用的都是哪版本呀,17的版本,说老师下边怎么还有两个呢,这两个呢,是压缩之后的,带有点m.GS这个啊,那我们选择上边的这就行,如果你项目要是上线的话,你就得用下边这个经过压缩之后的是吧,说老师那怎么下载,你就把这个地址啊给它复制一下,打开一个新的页签,诶敲走稍等一下A17.0.1最新版本就出来了,然后你需要做的就是CTRLS把它保存一下,诶放到任何你想存的位置就可以了,啊说老师那现在就下载。
01:35
哎,不用,我已经提前给大家下载好了啊,关掉,回到我给大家的这个依赖包里边,这还得最小化在这儿呢,全家桶找到依赖包,找到新版本,哎,我不仅给你下载了这两个人的新版本,那这两个人呢,我也给你下载了一下,说老师你上边这两个去哪儿下载的呢?你也可以去官方去下载,对吗?啊还有另外一个选择,同学,你就比如说Bible,你可以到Bible的官网去下载,当然可以啊,还有一个选择,给大家推荐一个网站啊,这个网站呢,在这儿打开,它叫做boot c dn,那如果在座的各位不知道的话呢,你收藏一下这网址啊,挺好用的,说这网站能干嘛呢?就是前端人员啊,常用的一些JS库呢,他都给你整理好了一个线上的地址啊,我们就是利用他线上这个地址呢,进行下载,你比如说同学来bible.bl Bible,然后呢,你往下找,这是Bible核心库啊,你就点这个就行,Bible car Bible核心库点击,然后你看6.19。
02:35
他就给了你诶两个版本,一个是没有压缩的,一个是压缩的,他推荐你怎么用呢?他推荐你啊,点击这个复制script的标签,你这一复制,等你回到代码里的时候,同学你比如说呢,我在这儿新建一个叫做demo.html你就可以啊,直接把东西给它粘过来,瞧着啊,我放在这一粘就可以了,引入的是一个线上的,但是一般呢,我们习惯性是把这个东西下载下来,作为本地去引入,那你就可以这样做呀,回到这个网站中,你就把这个地址呢,给它敲在诶地址栏里一回车稍等,然后呢B这个库呢,它就能出来,诶可能这它有点小问题,加载这么慢的啊,可能稍微慢了一点啊就出来了,然后同样的这个套路,CTRLS,然后你就把它保存起来了,OK,好了,关掉啊,那我也是从这儿下载的,那咱们就不一点儿一点儿下载了,直接把我给大家准备好的这个这四个哈来走统一全给它拿过来,舒老师,要不就把这些人就全都顶替。
03:35
掉呗,我就直接用最新版呗,嗯,我先不这么做,旧版本呢也给大家留着啊,我在这儿呢,新建一个文件夹叫十七点零点一,哎,我把新版本的都往这里边儿放走。松手,你说老师要不这样吧,把这四个呢也调整一下,交十六点八点四倒是也行哈,哎,调整一下,但是我要这样做的话,前边这些的引入是不是就都得变呀?那如果你是一个初学者,哎,那你刚开始拿到我的代码,那肯定是最终的代码,对吗?那你参考我最终的代码,再看着我现在讲的视频,就觉得有点对不上,所以说这几个呢,同学咱先放在这儿吧,行吧,咱不动不去破坏之前的这些,好吧,诶,十七点零点一四个新的旧位了,那来吧,咱们开始编码,打开12组建的生命周期,那我先做第一件事儿,就是把新的生命周期那图啊,我先放进来,好吧,回到给你的资料里边,找到这儿有一个原理图,这不是有一个react的生命周期括号心吗?摁住,然后呢松手把它放过来,然后呢,这个呢,我给它改一下啊这个命名呃,之前写的呢都是二,那到这儿呢,我就改一下三啊下划线好react的生命周期括号新。
04:50
那新的图有了,我们是不是也得写点新的代码啊,OK,那把这图呢,我先关掉啊,然后呢,我在二的基础上写代码行吧?同学,这些代码呢,咱都写过一遍了,我没有必要再敲一遍了,浪费时间,所以说给它关掉,在这个基础上CTRLCCTRLV改名来吧,走,把二呢,给它改成3REACT的生命周期括号里边那个旧啊,给它删掉,咱写一个新,然后把那个copy呢,咱也给它A删掉好了啊,图有了,代码也有了是吧?那防止大家呢忘了刚才那个案例,这图先别看啊,不着急,一会儿我带着你一点一点分析,那回顾一下刚刚写的那个代码啊,我怕你忘了啊,诶对,这会儿也得改,对吧?啊,我把这个名呢,给它复制过来,然后呢,诶删掉,给它放在这里保存啊来,同学,我把这些注释呢先删掉啊,因为这些注释呢,讲的都是旧生命周期的东西啊。
05:50
给它删掉,然后呢,折叠折叠折叠,回顾一下之前咱写那个案例啊,快速的过一遍,同学,我写了一个求和的count组件,对吗?这里边是构造器,为了验证构造器什么时候调用的,我在这加了一个log对吗?所有的生命周期钩子里边我是不是都加了一个log了啊来,这是构造器,那这个呢加一那个方法,这个呢卸载组件那方法这儿呢,强制更新那方法,那接下来是不是就都是之前的那些钩子了啊,将要挂载的,挂载完毕的,将要卸载的,然后这个是更新的阀门,能控制到底走不走下去,这个更新对吧?这呢将要更新的钩子,这呢更新完毕的钩子,那render不说了,最重要的一个对不对,里边我都加上这输出了,好了,那就把整个这组件呢折叠一下,然后我又写了两个组件,一个A和B,让他们形成了父子的关系,对不对,打开AA里边呢,有状态,有车的名字啊,然后呢,有一个按钮叫做换。
06:50
车哎,然后一换车呢,我就可以,诶直接在这改,但是我自己呢,却不用这个车是吧?A不用,那怎么用的呀,A里边渲染了B组件,然后把这个车的名字传给了B对吧?好,那折叠起来,那B呢?啊其实啊,同学我写A和B非要构建出这个附子,你说是不是我想跟你说明白这个钩子是干嘛用的,以及这里边的一个小坑,就是第一次传的不算是不是I component will receive props同学,剩下这些东西你觉不觉得什么阀门啊,将要更新呢,更新完毕啊,我在count组件里边是不是都给你验证了,那所以说呢,我精简一下同学这些东西呢,诶我先不写了,之前咱为啥写呀,之前咱讲的时候都聊到这儿了啊,为了能让大家能明确看到,其实走这条线也是完全能走得通的,我就把这个这个这个就都给你补上了,对吧?哎,那这呢,我先精简一下,不写那么多,所以说B呢,就让它发挥出它应有的作用就得了,就是哎,看一下它。
07:50
好了,那B呢,我就给它折叠,那我渲染的可是count,所以说我A和B呢,我不管怎么定义的根本都没用是吧,想用怎么办呀,这得改成A,然后A里边渲染B,然后不就形成他俩的父子了吗?好了,那我把整个这个案例是不是都过了一遍呀?说老师来吧,那教教我写新的吧,同学别急。
08:10
咱先别一上来就写新的。咱先把新版本的react引入,我在新版本的react里边依然去用那些旧的钩子,看看它让不让我用对不对,好,那换GS,那这里怎么改呢?GS下的,哎,十七点零点一,然后他下的react核心库,那同理,这会也得改GS下的17版本的react DOM,诶这块呢,咱也给他换一下,GS下的十七点零点一下的double引入的都是最新的了哈,那我这里边的钩子还是按照之前老版本里的写的是不是?哎,我们看看它兼容性咋样,A和B你先别考虑我还没用的呀,啊,来吧,右键打开看看行不行啊,控制台走,哎呀,说老师好像不行,同学别紧张,慢慢来,滑到最上方。
09:10
构造器走了哈,View mount走了哈,Render走了哈,那再往下呢,Data mount是不是也走了?同学,回到旧的生命周期图,我们看一眼,在组建初次挂载时,构造器view mount render did mount这四个我问一下是不是都出发了,所以说同学你先回答我啊,在新版本里边能不能用旧的钩子,能啊,是可以的,没说不行,但是呢,你也发现了,控制台上是不是有警告呀?同学,我们读一下这个警告。啊,你在新版本里面用了新版本不太推荐的钩子,就是那有几个旧的哈,它肯定就会有这个警告,这个警告啊特别多同学这是一个。哎,然后这呢,又是一个,你把一个看懂了,另外一个呢,你也就懂了,来我们读一下啊,同学,东西挺多,咱捞干的说啊,先把这些读一遍,大概翻译过来的意思就是component will want这个钩子被重命名了,而且不被recommended,啥意思啊,推荐不被推荐使用了,为什么呢?你想了解更多是吧?哎,Details,你想了解详情,那么请你打开这个网站啊,别急,一会我带着你看啊。那从红色的警告我们能捕获的信息是component we want不仅改名了,而且不被推荐使用了,那问题是到底改成什么名字了呀?来,再瞄着这儿,就把这看一下就可以了,改名了,把component of you mount改名为你注意看这unsafe_component will mount。
10:50
同学,Safe这个单词呢,是安全的,前边加个UN表否定onaf,好像字面的意义是不安全是吧?你先这么记着,其实我多说一下,同学,人家这个onafe其实不是代表不安全的意思,跟安全性是没关系的,老师净胡说,人家词儿写的那么明白,一会我们官网上见,行吧?哎,加了一个ona下划线,然后你再往后读,他说呢,在18版本,同学,现在react的最新版本是多少?十七点零点一对吗?他说的是什么呢?在18版本里边可能啊,你必须要写这种形式他才能工作了。
11:33
啊,你看only你只能写成这种形式,它才能工作了,也就是说同学我问一下啊,View mount,现在你控制台上看没看到它的输出,看到了,那回到代码里面,我再问你,我那view mount打开count组件,我那view mount前边我加ona了吗?我没加,我没加,同学我问你这句话是不是也输出了,所以说同学们,我不加unaf能不能用啊,也能啊,OK,但是如果到了REACT18版本,你不加unsafe,它就不能工作了,人家说only the unsafe_name will work,只有这种形式才能工作。
12:12
哦,那他想干嘛呢?为什么要把这些人改名呢?是吧,同学,我们先试试他说的好不好用,我们把这个onafe下划线给他拿过来,回到代码当中,同学他说都得给谁加上这个view want,还有谁来着,看看看这会一定要记住,这呢叫做will update啊,这个也不行啊,说老师呢,他跟之前那边一样的,也改名了,也不对,也不推荐使用了,也得加上这个18版本也得不说了,那所以说回到代码当中找到view update,我可没说是view on mount啊,是view update,加上好了保存回头同学警告呢,没了,也就是说不加ona也能用,但是加了ona呢,警告就没了,对不对,好。
13:01
说老师那明白了,记住了,哎,就是新的钩子里边呢,他和他是吧,都得加上unafe,其实同学不是,他们两个人一共是三个人,都得加这个Una,老师那还有谁呢?有一个人藏的挺深的,你没用,所以说刚才没出现那个警告谁呀,同学,我把count折叠一下,就是B里边的这个will receive props,就它,哎也得加上ona前缀,说老师那刚才刚才你没用啊,兄弟,那你用一下诶,保存。回到代码当中,怎么样?警告出现了,Component will receive props has been renamed又被改名了,那这又是那些东西对不对?那你说我咋办呀?还得加上它。打开on前缀,加上保存回头警告是不是没了?好同学,那看一下你能不能把刚才我说那三个记住在新版本里面哪三个钩子让你加onafe呀?来回到图里边,一个叫做component of view mount,一个叫做component will receive pro,一个叫做component will update。
14:15
说老师,这怎么记呀,简单的记法呢,是这么记所有带view的钩子,将要怎么怎么地的钩子,在新版本里面都希望你加上on safef、下划线那个前缀,除了它,哎,除了它,为什么呢?同学啊,因为这个钩子还有data mount,还有render,是最为重要的三个人。啊,这三个人,而且怎么讲也没有什么问题,也没有什么潜在的问题,所以说根本就不用加这个onafe,那你像这三个红色的will同学,在某些时候他们三个有问题,那所以说他希望你加上这个onafe,所以说你这么记就记住了,所有will相关的都得加上这个onafe,除了will on not,好,那同学你就不好奇一下,为什么它非得让你加这个onafe吗?来,那我们这样试一下啊,同学,我找到count组件里边的那个旧的钩子在这儿呢,是不是view mount同学,那我把它删下去,我不加unafe保存,你说警告是不是出来了,他不给了我个地址吗?那还客气什么呀?点看看它官方怎么说的,凭什么加这Una对吧?打开走。
15:33
稍等,哎,他这直接打开的呀,同学是react英文网,也不是说不能读啊,对于大家来说呢,咱读起来可能讲起来也费劲啊,那所以说呢,咱们给它切成中文。打开language,找到简体中文,但这里边儿有一个小坑,就是你一切语言吧,它就没了啊,你就得重新点自己去找,在哪呢?在这儿啊,同学文档哎,然后核心概念,然后是state与生命周期。
16:05
说老师那我就往下找吧,别在这儿找,他在这一章节啊,没有去详细的探讨那个unsafe那个问题,他都在教你一些基本的东西,划到最上方这儿说你可以查阅详细的组件API参考文档,你就点这个,哎,就这玩意儿好了,点它。来到这儿了吧,同学,直接往下看,往下看,往下看就出现你想要的东西了。这读下述生命周期方法即将过时,在新代码中,你应该尽可能的避免使用它们。然后你看前边是不是给你来一个onsafe,然后是component will want,那你可能说了,老师,那不是三个人都得加那onsafe吗?别急,你往下一滑,那两个人在这儿呢,说的都是同样的话术,下述方法即将过时,在新代码中应该避免使用它们,你瞧吧,View update view receive props都在这儿呢。那么同学你说想琢磨一下,为什么加的ona是不是得点这儿啊?哎,避免使用它们,为什么呀,点走,那么这呢,说一下啊,同学,React呢,正在设计一个新的东西,就是异步渲染。
17:16
啊,他正在设计着呢,啊,他在这儿呢,哎,拽了一些词儿,说这一年多呀,我们不断的这个,哎摸索是吧,哎也吸取了一些教训,也增长了一些经验,然后呢,我希望与你分享,行,咱不看这些啊,咱就直奔主题,同学他说我们得到最重要的经验是过时的生命周期往往会带来不安全的编码时间,你可能说老师你瞧瞧,你瞧瞧那unsafe,人家说的就是不安全,你别急,同学它那unsafe我再强调一遍,跟安全性无关,说老师的人都说了吗?不安全,你接着往下读,它明确的说了,那onafe安安全性无关啊来说具体的函数如下,就把刚才那三个呀都给你列在这儿了,View mount view receive props will update,这三个人他认为是过时的,那怎么就过时了呢?往下在读啊,同学,刚才在上方啊,咱说了react在设计一个新的东西,就是异步渲染,它正在为以后铺路呢。
18:16
知道吧,正在为以后的路做准备呢,啊,来读这些生命周期方法经常被误解和滥用,其实啊,同学他是觉得这三个钩子呢,设计的没有什么太大的存在感,然后呢,总有一些编码人员呢,就在不太用,不太适合用这个view mount的时候往里边写东西啊,不应该写在view update里的东西呢,也往这里边写,然后他就觉得诶,被大量的人误解和滥用了,然后你注意再往后读。此外他说什么呢?我们预计同学,啥叫预计啊,不是说现在已经发生了,是他预测这react怎么发展他自己最明白,所以说他是预测,我们预计在异步渲染中。
19:01
就是他正在研究的这个新东西中这些生命周期钩子,他潜在的这个误用的这个问题啊,可能会更大,就之前已经容易造成人们误解和滥用了,如果以后再来一个异步渲染,这个东西一旦推出,可能这三个钩子就会更加被人们所误解和滥用啊,他就觉得这不太行,然后你再往后读,他说我们将在即将发布的版本中为这些生命周期添加unsafe前缀,重点来了,这里的unafe不是指安全性,你看跟安全性是无关的,你再读,而是表示这些生命周期的代码在react未来版本中,同学不是说现在这个版本是以后,哎,未来版本中可能会出现bug,尤其是在我推出了什么呢?这个异步渲染之后,所以说同学们综上所述,你觉不觉得。
20:02
给act其实是在为以后铺路呢,这儿呢用了一个词儿叫预计,这儿呢说了一个词叫未来版本,也就是说呢,他提前给你打好预防针儿了,他就预测,哎呦,这三个人呢,以后可能要惹祸,那所以说怎么办呀,现在我得提高一下你使用这三个人的成本,你之前是写了哎就能用,现在不行了,对吧,必须加上unsafe前缀,你不加我就给你警告,那如果在下一个大版本里边,比如说REACT18版本,如果你还不加这个unsafe嘿,你根本就用不了了。是吧,现在是不加也能用,只不过是有警告,在以后的大版本是你不加,那压根就用不了了,OK,所以说同学们就不要再提什么安全性的问题,只是说呢,他觉得这三个人以后可能会引发点麻烦事,所以说提前就给你打好了这个预防针儿,说老师,那我们得怎么把控呢?同学,其实等你真正拿react做了开发之后啊,你就发现这三个钩子好久好久你都不用一回,对吧?因为他们不是什么核心的钩子,所以说我们就响应react的号召,你要是用这三个人的,你就都加上onafe这个前缀,那我说一下同学,至少在公司的代码里边,你很少会看见有人真的是在新版本里边用这个旧的钩子,前面还加个unafe,基本上同学们都不用这三个,所以说呢,也有人在网上带一些节奏,说react即将要废弃这三个钩子了。
21:30
啊,但是现在呢,咱只能是说提高了一下,你使用他们三个的这个难度,得加个前缀啊,那以后呢,或许会废弃这三个啊,所以说现在也有些人已经就开始说了要废弃这三个,也不算是错的说法,也可以你再往下瞄一眼啊,他有一个迁移路径,他说你看啊,在这个未来的16.x版本中呢,把这个这个这个我都要启,开启一个废弃的告警,就刚才你看到的这个,这就是属于废弃的告警,其实啊,要是润色点说叫弃用警告,哎,叫弃用警告,那走16.x是不是开启弃用警告了,你再往下你看他咋说,他说以后等17版本的时候,我就直接删除这个,这个这个就没了,没了你必须得加上unaf才能用,而且在此版本之后,诶,只有这个那才可以使用,但是我们也发现了同学,我们现在用的是不是最新版本的react啊,那我问一下同学。
22:30
我没有加unafe是不是也能用啊,那弃用警告是不是也还在呀?所以说你能感觉出来一点小事情,就是react在进行一些旧东西变化的时候呢,它是小心翼翼的,他没有说行了啊,下版本不能用了,没有,是很柔和的,很温和的,其实同学REACT16那时候那文档里边也这么说的啊,说未来怎么怎么地啊,然后以后呢,我要给他改名,OK,所以说说老师那18版本到底能不能往下删呢,他没发布,咱这事儿也不好说,对吧?诶怎么走呢,是看他怎么设计,OK所以说同学我们就简单记新版本里面把旧的生命周期钩子里边的三个人都要弃用了。
23:17
啊,就即将要废弃了,哪三个呢?同学我都说了这么多次了,你应该能记住了,Mount will receive will update OK,好,说老师学完了,记住了啊,那新的和旧的呢,就是弃用三个人不是还有一点别的区别,那接下来呢,同学,我把旧的生命周期图打开,我再把新的打开,然后呢,我再给你分个屏,我把目录呢隐藏一下好了,关掉这儿,左边呢是旧的,右边呢是新的,我把这新的呀稍微放大一下,我们呢逐一去对比,首先呢,对比挂载时这个环节对于旧的钩子来说,一上来走构造器对吗?那么新的呢,也是啊,那旧的生命周期之后走了view mount,对吧,我换一个颜色,如果左边有构造器,右边也有,我会用同样的对号去进行标识,好同学们。
24:17
旧的生命周期里边是不是走了mount?那新的里边呢?同学你发现没有view mount了,那三个不推荐使用的钩子在新的图里边压根就没出现,但是同学你发现没在构造器之后呀,新的钩子虽然没有了view mount,但是在view mount相同的位置出现了一个别人是不是这个叫做get derived state from props。现在呢,你可以不用去读它,我会单独呢开一小节给大家讲解这个get derived state from props,总之现在你明白就是没有了view mount,确实,但是又出来了一个新的钩子,就是这个人,我用非常粗的粉色框给你圈起来,好继续对比。对于旧的钩子来说,走完了view mount,接下来呢,它走这叫做render,新版本也是走render。
25:14
那么旧版本走完render之后呢,它走的是did mount,新版本呢,走完render之后也是did mount,说老师不对不对,你跳过了一个环节,就是这个react更新do和raps,那我说一下啊,同学,这一个小小的环节啊,其实旧的也有,只不过旧的图里边没画的那么详细,完了这个新的图里边它画的过于细致了,就把这个环节哎,就体现出来了,那所以说这个环节啊,同学我们是没有办法去干涉一些什么东西的,所以说我们在这就直接越过它,对吧,React更新do和rifts,我们怎么插怎么插手嘛,是吧,你没办法插手嘛,那所以说这块儿呢,确实有这环节,但是我们就直接诶略过它了好吗?那么对比完挂载时之后啊,我们发现其实新的生命周期和旧的生命周期是view mountt的消失,以及新的钩子来到你面前这么一个区别,好,那对比完了,挂载时呢,我们再说说更新。
26:14
嗯吧,走说老师啊,还有这个卸载你咋没说呢,那你看一下这儿啊同学对于新的图来说呀,他单独写了一个叫卸载时,之前你看旧的图是两列,挂载时更新时完最后的,它表达的就是无论你是挂载了还是以后更新了,你肯定呢,诶有一天会卸载它啊,是有卸载这个时间点的,对不对,那在新的钩子里边吧,新的生命周期里啊,它就是用三列去表达的,在下边它不画载,不画什么东西了啊,它在这就是挂载时更新时,然后卸载是三列,原来是两列,现在是三列,OK,而且你看这个卸载同学没有什么多的说法,说经过什么,就只要你要卸载,直接来到这儿,View mount将要卸载是吧,跟这是一样的,好,我们在对比哪呢?更新时找同学啊,瞧一下,呃,之前老版本的生命周期里边呢,你更新的时候首先调的是view receive props。
27:09
那么到新的生命周期里边,同学你发现will receive props是不是没了,因为不推荐了吗?但是在will receives相同的位置,还是刚刚那个人get什么derived state from props,哎,还是他同学觉没觉得。对于新的生命周期来说,这个人。它横跨了挂载和更新。哎,是吧,哎,好了,就先看到这儿啊,先不用看太细节的地方,好,那接着走红色的will receive props,这边没有了,我就不能画勾了啊,那再往下这儿,诶,进入这么一个环节,叫做更新的阀门should component update,那这有没有啊,哎,也有也有,然后再往下呢,它进入这个了,叫做will update,那这边呢,可没有了啊,可没有了,直接就到re了,原来是阀门和render之间是不是有一个will update,那你看阀门和re之间有了吗?没有了,而且它这个阀门画的挺形象的,同学你看啊,竖的component update呢,是一个阀门,那么如果走这条线,就是阀门开启,如果往旁边走了,打个叉啥意思呀,阀门就关闭了。
28:24
哎,我们再往下看啊,看render之后的事儿,对于旧的生命周期来说,Render之后啊,它掉了,这个叫做date update。那么你注意看啊,这是新的里的render对不对,来注意看这这掉没掉data update,嗯,掉没掉data update是不是也掉了,咱说了这会儿呢,咱就直接忽略啊,它肯定是有这个动作的,然后你看一下同学新的生命周期里边和旧的生命周期。旧的render,新的render,对吧?旧的data update,新的update是吧?好了,这两个人之间对于旧版本的生命周期有东西吗?没有。
29:08
但是对于新的生命周期来说,Render和data update之间,他又给你来了一个人,叫做get snapshot before update。好,那整体这些呢,就过了一遍,说老师那过了一遍,那这这过了,过了个啥呢?我这记不住啊同学,如果以后呢,有人问你说对于react的新生命周期和旧生命周期有什么区别呀,你这样告诉他,同学,新的生命周期和旧的生命周期相比,它呢,废弃了,或者说即将废弃了三个钩子,谁呢?Will will will,这三个人废弃三个的同时啊,他又提出两个新的钩子,一个叫做get directed from pro,一个叫做get snapshot before update,哎,这两个这样说就直接把问题说明白了,剩下的环节跟之前都是一样的啊,都是一样的。
30:11
然后说老师啊,这东西有点多呀,我这太乱了。这名说老师你看旧的吧,虽说这单词长点,但是最起码还能读的挺顺,你看component怎么怎么的,组件将要怎么怎么的啊,组件已经完成怎么怎么的,说老师这是什么鬼,这新的里边,你看这get什么什么得到同学,那我说一下啊,在官方的文档里边,这两个红色的啊,新提出来的生命周期钩子文档里边已经明确的说了。这两个人的用法啊,极其罕见,所以说同学就这样讲吧,这两个新推出来的红色的你就不知道,对你一点影响也没有,讲的时候一堆钩子都讲,你等到上手去写项目,真正拿它干活的时候,同学能用的钩子常用的就三个,所以说别那么紧张过,咱肯定是都得过一遍的,好吧,哎,同学,新的和旧的相比,废弃的三个新提出了两个就行了,好,那这小节呢,我们听一下,剩下这些东西啊,同学说它是干嘛的呀,是吧,老师,这东西有什么用呢?那我们是接下来要探讨的事,那好,小杰停一下。
我来说两句