00:00
那有了这个以后,我们是不是就完完全全都已经好了,那不是我们来说一下说一个事情。啊re,本身它有一个缺陷,有个什么缺陷呢?它里面它是不能进行异步处理的。什么意思,我们现在刚才是不是有一个过一秒的异不增加。而我现在的业务增加是写在哪个里面的?是写在组件里面的。我现在太冒了,是不是写在页里面?是不是?那按出来说,我能不能去实现让这个异步的操作在react里面去进行呢。进行啊,不是react是里面进行,说白了他能不能给我一个这样的一个搞法,看我写一个啊,大概演示一下。啊,这个是啊异步。增加。The action。
01:02
什么意思?我来写一写啊,我用现在的语法来写一写,看看它行不行,也就是说我想干了什么事呢?Increment啊,Think。啊,跟上面类似,也肯定也要查一个栏目,你接受一个栏,重点在于我不是直接返回对象。我能不能这么做?是at time out。这个指定一个1000。那接着在里面去。一个对象。这有用吗?没用,因为你得知道啊,这个谁的。是他吗?不是,是这一个函数对不对,外面函数是多少。他这是多少。
02:00
安find,没有是吧,没有人不吗?能听懂吧。这个是不支持的。因为本身不支持这种老板。对吧,但是呢,我们又希望这个异步操作,比如说发请求代码,在我的组件的,在我re的action里面去做是可以实现的,只是说他默认不支持,那怎么样才能支持呢?那这个地方就要说一个事情啊,我们可以用一个的插件。那他是扩展谁的能力的。对,答案是能力了是不是,那插件呢,是扩展能力的对不对,这能听懂吧,啊是现在谁有问题是有问题吗?不是是有问题是不是,所以我们要去扩展是不是的,一个功能的一个插件是吧。那首先我们得去下载吧,那下载的话我们来看一下我们是不是已经下载了,如果没下载的需要下载。
03:07
React什么re啊,这个这个是我们前面下的,这个也是我们前面下的,我们现在需要redu干什么?Sick。需要这样一个啊,用于实现redux异步的一个插件啊,现在呢,我们已然是有了,对吧,那有了以后它的编码啊,相对来说比较固定。来,我给大家写一写,有一部分代码是完全固定的写法,在十多里面写。先来句引入。Redus的插件叫S,记住不要写大括括号,因为它就提供了一个语法。Rex,干什么呢,Think?啊,它实际上是个函数啊,是个函数啊,那它怎么被用上呢。
04:03
这里面里面它有一个。另外还是像apply什么的mid。翻译过来叫应用一个什么呢?中间键。应用中间件实际上就是这个这个的一个插件了,来扩展的功能。用上谁了,是不是要用上它呀,这地方就要说一个事情,我的create store啊,我的create store它其实后面。第一个参数是不是流程呀。能听懂不?第二个参数它翻译过来叫增强。就是扩展它的功能的一个参数,而这个参数怎么来呢?看好了,我们大家写,非常非常固定,大家不用太具备,什么意思呢?你说这一写在说明在说一个什么事情啊。是不是给我的re应用上哪个中间件。
05:02
也就异步同心键吧。也就用来实现re异步的,呃,工件。插件啊,中间它也是个插件啊好。这是第一步搞好了吧,搞好了,那搞好之后呢,我们要说一个事情。看好了,我在组件里面吧,这是我的主件。我不想在这里面生太慢了,懂不能听懂吧,那你得去给我提供一个什么呢?提供一个action。能够去给我异步增加,那我应该叫什么名字?Increment I think,当然也是函数是不是?那我在这里面呢,干嘛呢。很简单,This,点点它括号传入谁了,Number。
06:04
丹,我现在传了吗?那必要没传,传不传不得去看呐,对不对,也就是说我们在AP里面有给他指定第三个函数吗?属性吗?没有吧。那所以我要干嘛,是不是指定一个。那所以我是不是要对定义一个对应的什么X减实际上是X的是吧。这个懂不懂?但我现在没有定义,码得干嘛去?定义一个啊,实际上定义了这样一个东西,对不对啊,Increment think。记住是增加的A,这里面强调是一,我称它为100,而上面的那就称为什么同步X10加同X create只是我们平常就这么叫。买好了。那E它是一个什么类型?它实际上是个函数,也就这一个函数的返回值。
07:04
不再是个对象了,前面函数的返回值是不是都是对象啊?所以他们称为同步的。异步的是返回什么呢?来说一下是返回一个新的函数,而且这个函数接受一个参数,这不是我定的,因为函数不是我调。听懂了吧,这个函数不是我的,所以不是我定的,我是不返回来一个函数啊,记住返回的是什么函数,而上面返回的是什么对象。能听到吧,好,那我们就可以在函数里面去执行异步代码。那哪些业务量可以执行呢?定时器请求,Promise。
08:04
这能不懂?那来写写,写写我们当前是不是要执行一个电性太吧。来一个毁掉函数。还有个什么时间指定,为什么一秒钟这个到了,我的定时器回调函数,说明我的这个任务是不是执行完了。是吧?那当义务啊,任务执行完成,只需要干一些事情,干什么事了,分发一个同步X。不就是一个对象吗?你说你去整100险,你最终要不分发投百险没有任何意义。只有分发同步action,你的对应的reducer才会执行,不然的话你reducer是不会执行,你reduce不执行,那就不会产生什么新的状态,你不产生新的状态,那你是不是就不会更新组件给你界面了。
09:11
我们最终还是要去增加一定的数量的,对不对?所以我此时要调哪个函数呢?Dispatch。是吧,那第一次判几的时候传哪个爱对象呢?我们是不是要增加这个一定的数量啊?其实非常简单。他不就产生没有必要自己建啊,没有必要自己创建。对吗?诶,这是一个套路啊,其实这大家前面一方面是理解,再一方面把这个套路多练一练,其实慢慢就好了。它分为两步走,第一步执行一步处理,第二步有了结果之后啊,有了结果之后去分发一个什么呢?同白写最后的最后必须分发同白。
10:12
没吧?那这样的话,我们就相当于是说写好了来看呢,我写了一个e action。啊,接着啊,在我们的AP的容器组件里面,是不是传递给了他。对吧,传递个UI组件,把它UI组件拿来后就直接使用就行。我们来看一看,能不能直接看下我们的效果啊。看看我们的效果。好,来试一下。这个没问题啊,这些没什么动静是吧,重点看它吧。点。可不可以?可以,没有任何问题是可以的,那说明我们当前是可以去实现的。诶,刚才忘了一件事情,应该备份一个了,现在咱已经是think about。
11:04
啊,没关系啊,到时候我再处理一下就行。这能不能看到?可以吧,可以啊,难度没多大啊,主要先说明我们本身不支持异对不对,所以我们要去用上这个知识异步的插件,最后去写相应的代码就OK了。别的就没有什么。行。
我来说两句