00:00
好了各位咱继续,哎,那刚刚啊,咱是不是说了这个map dispach two pros的一个简写方式啊,我不一定非得写成一个函数,我写成一个对象是不是也行,哎,写成对象之后呢,同学我点到为止,我只是给你准备好一个action,你加就加的action,你减就减的action,那得到action之后呢,正是因为你用了react g redu嘛,哎,所以说人家能帮你自动的dispatch。同学,人家要不做这个封装,那你觉不觉得你自己写其实就挺烦的,你在这得接到一个dispatch,你每一次都得dispatch dispatch dispatch,这就特别烦,哎,人家底层其实做了判断,如果你传入的是一个对象,好,那人家就直接拿到你点到为止的那个action,人家帮你自动dispatch,对吧?我们用这个react-redus不就是想简化我们的编码吗?对吧?哎,这少了一个T来给它补上是吧?不就想简化我们的编码吗?啊,好说老师,那就这react-redu用完了,就这我还得再创建一个容器完里边还得这么写呢,也没看出什么太大的优势嘛,别急呀,我们接着往下写呀,好。
01:25
同学给它关掉啊,我打开index点儿GS。同学,你还记得当年我们为什么非要写他吗?我不知道你还记不记得了,同学,我要不写它,是不是就没有人监测re中状态的改变?对不对,那我要是不写的话,没人监测,同学,那你说就算redux帮你保存的那个状态发生了变化,你组件重新render吗?不重新render,所以说各位我是不是得写这玩意儿去监测一下啊,啊那如果你忘了呢,同学来我给你演示一遍啊,我给你演示一遍,接下来这样,我把我的这个案例停掉,我把这src啊临时改个名,让他叫SRC000,好,我不能删啊,一会儿还得用呢,然后你记不记得咱们没有用,没有去用这个react杠头,咱是不是写的这个四啊。
02:23
那你看着我把这个四呢改个名,我把它改成src,好同学你说这个时候啊,如果我在n PM star,它是不是自动找src,它不会找SRC000,你说对吧,好,走着。这个也关掉。等着它开启啊,稍等咱就想验证一下这事儿是不不知道大家还记不记得了,关掉关掉控制台呢,我打开。稍等啊。刷新,哎,同学,我现在打开的可是咱当年写的那个四了啊,现在我可没有用react-redu对不对,当年咱讲这个的时候只是讲了那个异步的action对不对?好了,来走加是不是能加,你能加是因为src里的index里边的东西,你是不是写这个监测,你要不写这个监测,那咱就一起看效果啊,来稍等来到这刷新一波,来你点加加,我再点它是不是不动啊。
03:24
哎,关掉浏览器,所以说同学必须得写这个,是不是不写这个没人监测呀啊好来把案例停掉,我把这src啊,重新改回原来的那个四啊,然后下划线,诶下划线src啊,之前那东西叫啥来着,叫做异步action是不是啊,写好了一步啊action,然后呢,哎版是吧?好啊,这是原来那个四,那同学我想问你从五开始啊,从五开始。咱们是不是就已经开始用上这个家伙了,叫react杠啊,然后从五开始,你觉不觉得容器组件就开始形成了呀?啊,那同学接下来呢,我给你演示一下,就是用了react-re,它还有哪些优势呢?注意看,关掉这个index,把我的SRC000重新改成SR,好嘞,打开这SR。
04:25
啊,我们找到index.gs同学注意看了,我把这玩意儿注掉,你说我进行监测re里的状态改变了吗?你没有。好,这个时候n PM start。看效果啊,我现在在这个src里边,我用上了react杠,对不对,好来刷新一下啊,刷新一下没出东西等着刷新一下。啊好了,回到代码啊,我在这个里边用上了react-redu,但是我是不是没有监测好,那这个时候你注意了点加咋样,各位能不能加,能不能减,能不能基数加,能不能异步加,完全都是没问题的吧,说老师那这怎么回事呢?那这就是你用上了react杠的优势啊,你不用自己再监测了呀。
05:26
舒老师他是怎么实现的呢?其实它所有的逻辑都藏在了connect这个东西的调用。看图说话,我们是不是形成容器组件了,那我请问您一下,容器组件你咋弄出来的,是不是这么弄出来的,你这个容器组件就已经默认的拥有了监测redux里边状态改变的能力。哎,是吧,不用你自己在index里边再写这一堆东西了,你打开index不用再检测了,对吧?同学嘿,你看这不就也是一个优化吗?不用自己再写了,那你说这四道呢,那好像在这儿咱也不需要了,是吧?哎,啊,这又是一个优化。
06:13
怎么样,同学,React杠只要你一用,不用你自己去监测了,容器组件已经有了监测的能力,同学觉没觉得react杠的核心都在哪个方法里呢?啊,是不是都在connect里呢?对吧,各位,哎,好。啊,来,关掉老师,那还能有些哪些优化呢?慢慢来走,我问大家另外一个问题。就是我容器组件里的道,我是怎么得到的?哎,容器组件里的道,我是怎么得到的?那就打开容器,那就看。老师,Star,我也没观察出来它在哪儿,那我提示你一下,是不是我们当时在APP里边渲染的容器啊,各位来看这是不是容器呀,是不是给容器传东西了呀,好。
07:05
同学,举个例子,现在我的页面里边啊,不仅仅有一个count组件,我还有一个组件,这个组件叫做DEMO1,这个组件也是容器组件,那你说它需不需要到,需要那传不传,传来走着,我有DEMO 23456789同学,我有这么多DEMO。那你告诉我啊,每一个DEMO组件如果都是一个容器组件的话,你是不是得需要一遍一遍的在这儿这么写这么传呀。那能不能有一个办法呢?就是我写一行,然后我就找到整个应用里边所有的容器组件,都把道给它们传过去,你别让我一遍一遍的写,能不能有这个写法呢?有咋写呢?瞧着各位,这些是举例子的,删掉,这是一个实实在在的容器吧,这是你实实在在传进去的吧,那在这儿我不传了,好。
08:07
那这个注释也可以删掉了,同学,你要这样写,那最终你就要犯错误了,来往上滑动,你打开咱这案例啊,按住CTRL点开,回到浏览器,同学,一个非常熟悉的错误出现了,我不能够找到道,你说对吗?同学。那找不到就对了,那谁让你不传呢,但是我不想一遍一遍自己这么传啊,那咋办呢?同学来瞧着我呢,这样做,我目前所在的组件是不是APP。我找到APP的上一层,我再往上找,你说各位我是不是就找到了这个入口文件呀。然后你瞧着我这么写,我引入from哪儿呢?当前目录下的Rex里的store。
09:05
我是不是引入了呀,好,我再引入一个人,哎,这就是人家封装的API了啊各位,我从react杠身上引入provider。哎,同学,这东西什么意思呀。Provider来咱搜一下啊,用那个有道搜一下provider啥意思呀,走。直译过来,这个词有供应者、提供商。是吧,哎,养家者。说老师这provider能干什么事呢?我大概给你形容一下。你把呀,所有容器组件都需要的那个死道。你交给provider。然后provider就有一个强大的功能,同学,人家为什么叫提供者养家者呀,Provider说来,兄弟,你组件里边有100个容器组件对不对?这100个容器组件是不是都需要道啊?行,兄弟,你别自己那么累,一个一个传,你把道交给我。
10:13
那provider拿到store之后,Provider会做什么事呢?Provider会自动分析整个应用里边所有的容器组件,把道精准的传给每一个需要死道的容器组件。哎,你就想同学,正常来说,你得是100个容器组件,你得写标签的时候,你得写100次store,等于哎,然后画括号,到现在不用了,你只要给provider provider就有这么一个能力啊,你给我来,不用一个一个传,谁需要我就直接给他递过去了,这就是provider的威力,好,那怎么用呢?瞧着敲回车,缩进敲回车。走,同学,你告诉我react do.render传几个参数,是不是两个?第一个是谁渲染哪个组件?我们为什么渲染APP呢?因为它是所有组件的外壳组件,只要渲染了APP,所有的子组件是不是都出来?OK同学,第二个参数是什么?是不是把这个结构这个组件往哪个容器里放啊?
11:18
接下来我不写APP。那你看着我怎么写啊,这个逗号不能丢对不对,第一个参数和第二个参数的风格嘛,看着接下来呢,我怎么写provider啊provi DR provider回车。里边套着APP,然后你只需要把道啊交给provider。然后provider就说。你就放心吧,你整个应用里边,但凡需要道的容器组件,我都能给他传过去。啊,或者其实咱可以这样说,同学哪个容器组件它不需要到啊,容器是干嘛的呀,是不是就是专门原连接左边的UI和右边的那所以说同学provider就有这两下子,APP里所有的容器组件全都能收到一个,你只写一次来回到这儿刷新。
12:17
东西是不是正常了?控制台开起来,再刷一波,来加来捡。奇数加等一等加同学,这就是provider的威力。哎,在这儿是不是感觉出来挺好用的了。是吧,各位,哎,你想想对吧,那你看这一小节咱讲了什么呢。首先第一件事,我们发现只要你用上了这个东西,React-redu,你无需在自己监测Du里状态的改变了,容器组件已经能帮你监测了。这就是为什么同学你别自己去写这个容器组件,你觉没觉得之前那事儿就说通了呀,为啥在这儿咱自己不能创建这个容器组件呢?
13:03
同学们,我问你,你自己用RC啊,这种代码模板啊,你自己写,你创建一个组件,我问你,你那组件有那能力吗?去监测redux里的东西改变,没这能力吧,所以说同学咱得借助connect,哎,你说是吧,好了,哎,那这一小节呢,我们就讲到这儿,我们讲了一个,呃,优化是吧,第一个就是说别在自己监测了啊,在这儿别在自己在这儿写监测了,也别自己在APP里边一个一个的给容器组件传四道了,那你看这回多方便呀,哎,那这小节呢,我们停一下,这也是属于优化里边了啊好了,停。
我来说两句