00:03
来下面呢,我们来去准备去啊。刚才这个已经啊,已经说过了,我们下面呢,就准备去制定,制定的时候我们再来解释啊,什么什么他为什么用context。来,嗯,在去写之前,先还是要把我们原原始用的那个库Du库给他,再看一下它这个代码,我把这个先备份一下,把我现在刚才写的备份一个。Src。嗯,这个呢,是假设是我们的零六吧,这个是写的是一个什么呢?我假设叫mini re。是个迷你版的。这个能看到吧,好,我要把这一个用上react的这个代码。给他搞一份过来。给他搞一份过来。把这些都先删了。
01:01
放到我这里面。那效果呢,应该还是我们现有的效果。哎,我们的这个阿密。在这里是吧,看看这个效果有没有问题。美女吧,啊,没有太大问题,可以的,来我们来看一下他写的省代码,再过一下啊,过一下我们就开始准备去写。来我们是对原来的代码呢进行了一个优化,优化的第一步是先引入了一个什么。P吧。最外层移动派,而且渲染的跟标签是谁?将谁传给十度?以前我们家是道传给谁的?APP现在传给了吧。能不能听懂,现在注意啊,我们最终是不是定义这个途径了。好,这是一个地方,这是一个地方,再一个地方啊,再一个地方就是我们原本的。
02:06
打开这个啊,我们原本是写了一个组件,现在呢,我们实际上是分成写成两个组件,一个是我的UI组件,一个是我们的什么容器组件。这个可以干掉了用了。来说一说,在这个地方,我们重点是研究这个容器组件的谁的。Connect。我们说connect是不是一个高阶函数,返回一个函数,而且这个函数是个什么?高阶组件对不对。它接收一个什么容器组件,UI组件,接收一个UI组件,返回一个什么容器组件。哎,重点就是这些语法没别的。其他我们不说了,来下面。我们来去写一写。但前面写的这个还留着。
03:03
我再在这个里面创建一个什么呢。文件夹名字叫什么?是吧,来在里面创建一个什么模块,应该什么块。这一个就是我们react redux库模块。这模块啊,但我们其实就这一个模块,没有写别的文件,因为我们做的简化的实现。好,下面就要说我们这个地方提供了这么一些东西。把他们都搬过来再说。边看着边说,因为我们说已经叙述过一遍了,我们看着方便一点,这个时候我们就要来写。我们这个模块是不是要向外暴露一个provide组件,一个函数?
04:01
那你写呗。兴趣结构啊,一是port谁。是不是一个组件内。乘以谁?Component啊,React,这个时候得引入谁react。你定义组件必须得引入什么?Import a react from react。能听懂吧,好来下面当你可以去用什么或者都行啊,都行,好接着啊,必然是不是至少要有一个人的方法,这是必然的吧,对不接着了啊,我先写一个第二遍啊,就随便写一个,肯定不是这个样子啊,我先试一个。好,接着要说一个事情啊,说一个事情,这是我们的。
05:05
啊,用来向所有的。什么呢?容器组件提供。怎么呢?失舵的组件内,怎么样保证能让所有的容器组件都能看得见呢?是不是?你看吗,我们provider,我们的provider是不是要接收一个什么。十度,那也就是说我应该先申明一下。把能写的先写一写啊,Static proper text等于。什么名字多吧,来一个。什么类型啊,不是吧,对象吧。在哪领呢?
06:00
看到过啊,当然一直越快了,你也可以写。You know。那声明接收啊,一个函数啊。声明接收不是声明接收十多,声明接收什么十多。好。来啊,那这个时候好像他们引入吧。在干嘛?引入一下这个比较简单。这个没问题吧,啊,整体结构我们先写成这个样子啊,但这个现在写的不对,等会我们再改,先把结构摆好好,下面我们除了提供这一个组件内还提供一个什么。看那个函数是不是,那好了看好了,这个有点乱来。这是一个什么函数了?高阶函数对吧,Connect高阶函数是吧,那它接收什么呢。
07:06
接收几个参数,两个,一个名字叫map。State to pro和什么map?第1PAGE to pro2个参数对吧?嗯,两个参数到吧,返回值是什么。啊,返回一个什么。高阶组件函数对不对?是不?这个能不能懂。它的返回值是个高级函数吧。也就是说这个connect函数执行返回它呗,对吧,好,我们先写一点,先写一点。来,不管它先写一个什么类型出来,It是port发式呗,哪一个什么connect呗,哪一个state to pro,哪一个map to pro,对不对,对的,而他的返回是个什么。
08:24
是不是也是函数吧,是个高级组的函数吧,那我就给它一个函数呗,这四个函数吧。是吧?有没有问题,没问题吧,我下面就说这个高阶函数。高阶组件呢,高阶组件我说的是这个高阶组件有什么特点啊,这个高阶组件接收一个什么UI组件。UI组件返回一个什么容器组件?
09:00
这两位领导。那这个地方我是不是要声明一个名称来接受UI组件,那我叫他什么呢?UI component。到时候你就会传一个主界面过来吧。而这一个函数的返回值是什么?是一个容器组件吧?而且是一个啊有状态的容器组件,有状态的,那应该怎么写class。啊,我叫他什么呢。叫他,比如说叫他container component可不可以?可以吧,啊,Container component翻译过来什么意思?容器组件嘛,是不G乘以react点什么component,我都是按照那个说明写的啊,也没有太小,这个其实没什么难度,就是看你的语法熟不熟,对不对,好。
10:02
没问题。对不好,这里面是不是必然有个。对不?而render里面渲染返回的是哪个组件的标签?必然是因为我要包装它嘛。能听到吗?Come。哎,只是说我要想办法往这个里面传入特定的标签属性,对不对,而这个标签属性是不是由这两个参数决定。后面就是想办法怎么样为他准备属标签属性。整个结构就这样。那啊,好。这个地方啊,这里面这个再写一遍,这个返回啊,返回的是什么函数,高阶组件函数对不对。
11:06
他接受的是什么?UI组件这个名字都很明确了,不用再写了,而这一个return啊,Return的是什么?是容器组件返回什么容器组件,而容器组件内部会是吗?是不返回UI组件的标签。返回它不就渲染这个标签吗?返回UI组件的标签。最终就会渲染这个标签去,当然需要去给他指定属性。这个属性由这两个参数来决定。嗯。那我的结构就摆好了。嗯,好。就到这里先。
我来说两句