00:00
来下一步呢,我们就去点击OK,准备去实现添加效果,那这个时候是不是又要去请求后台的一个接口。能听懂吧,那我就先把那个接口进行函数。啊,整一整接口去添加角色是吧,添加角色有这样一个地址。来参数呢,很简单,就是有一个什么name结构,别的都不要好来吧。把这个复制一个。我们这一次啊,是添加角色。不是去获取角色令,是添加角色。那我就叫什么IQ叫什么I的可以吧,好。地址呢,是这个例子。是不是还要接受一个类目呀?嗯,一个参数也得包在对象里面吧,因为我接受了参数,第二个参数就是对象类型。
01:05
那这个没有必要搞对象了。而且什么类型的请求呢?看一下post类型,所以我需要指定什么post。可以了吧,好,那下面我们是不是在组件里面需要去调它。来吧,那就掉呗,这有什么呢?来。回到我们,我们前面已经定好了一个挨着肉的一个回调函数是吧。这是太简单了,说实话步骤基本上一样,其实就是咱一个前后的交互的效果,就咱操作以后的教授首先收集数据。发请求有了结果以后。响应处理做个提示或者做一个更新,对不啊,就是基本流程都差不多先呢,我们要去收集输入数据。
02:02
接着最后是不是要去请求添加对吧,下一步根据结果是不是来提示或者是更新显示啊。登了啊,更新列表显示好来。下面啊,下面我们来看一下收集输入数据,这个地方我根据谁来收集呢。我是不是this里面有一个对象叫form对象。甚至于说,我们要做好是不是先要整体这些事情的前提,是不是先要做表验证的。我那个不有一个有个输入框,它必须得输入吗?你要没有输入那怎么行呢。没有输入我点添加,你要不判断的话,那不就添加空出去了吗?所以我最好应该先干嘛呀,先进行验证对不对。那就说最先进行表单验证,嗯,只有通过了是不是才继续。
03:10
在向下处理可以吧,可以来怎么样进行表单验证呢。特别简单的是this.form电池码有一个。Feels对吧?来一个回调函数,接收两个参数A以及什么呢?Values。If,如果I没有值是不是,那我才说明是不是验证通过了。能听到不?这能不能到?而这个values里面是不是就存着我想要的那个数据,也就是说我是不是需要有一个分类名称,不是分类名称,一个角色名称,对吧?等于什么value界点什么呢?这里看我们当前写的名字叫什么,The name。
04:10
是吧,那这样的话我是不是可以进行解构了。等一个等号是吧。有没有看到?没什吧,美女啊啊,还有个小事情可以做一下,把那个前面输入数据给他什么清除一下,不是有个印下this.form点嗯,好像reet。Fi。就是重置我输入数据,如嗯,这样的话能保证下一次显示的时候,它没有默认显示我前面输入的,如果我不做这个事情的话,它会默认显示我上一次输入数据,这样不太好。主要一个事情就是我们点击券后,最后是不是要隐藏这个窗口啊。
05:00
他的隐藏不是真正的给他干掉。是不显示那个标签结构对象都还在。听懂了吧?他为什么这么做啊?他为什么不直接把那个标签结尾都给它删掉啊。你想后面还可能显示的吧,下一次显示是不是就涉及到我到底重新创建,还是用你前面缓存的对象吧,那肯定缓存对象快一些是不是。能听懂不啊,之所以我们不ET,它会显示我们前面输入数据。大家看着啊。等会我们来先来做一下,我先把这个隐藏一下,大家估计没有这个意思啊,我把这个先隐藏一下,等会来看一下看是不是啊。看是不是好。那有了这个数据后,下面我是要发请求,去发请求就得引入IQ爱的什么。是吧,那接着我们这边就好办了。
06:02
来吧。就是那个那句话是吧,IQI的肉传的是不是这个名字,那就是我角色的名字呗。诶,他需要的是一个name,我给他传一个name,这行吗。可以,他需要的是我给他传的是可以。对,不是行参的名字这个地方就要说啊,我们说过啊,声明参数的时候,我可以这么声明,也有可能这么声明,对不对,这么声明声明的对象的模式,就要求外部写的时候,名字要跟这个一致,对吧,那如果是分多个参数去传呢。既要求什么顺序一致。不要求名字,名字没有意思对吧,名字没关系,这个一定要区别开来。
07:04
没问题是吧,好,回到我们这里来,那我在这里面加个什么think,我们前面讲过的。好了吧,好了啊。来添加了以后啊,添加了以后,那下面我们干什么呢?好了,那不就if呗,Result点什么理解错了啊等等于几零是不是才说明是不是成功了。二是不是就失败了,这能听懂吧,当然我们这里面是不是可以有些提示。这是前面怎么样,Message这个就提示什么success,这都做了好多遍了,这添加啊添加角色成功,而下面的这个呢,是添加角色什么呢,失败。
08:01
但成功的时候还干嘛?是不显示最新的列表?好,前面我们要显示最新列表都是怎么做来着。前面我们是怎么做的,不是重新取一遍。我们前面就这么做的。我们前面都这么做的,你来看一下,这个很重要啊,因为这次我们要换一种方式,但是你得先明白前面的方式怎么做的,咱做个对比。来看一下,前面不也有爱的吗?是吧,艾特完以后是不是就去重新获取。看到了吧,那重新获取肯定是要发请求去获取最新的数据,是不是,那自然是不是就能显示我最我最新的结果。好,我这里是换一种方式。我不发请求,能不能显示最新的数据?我不做这个。这个地方就说我添加了一个啊,大家看啊。
09:05
假设我添加精灵啊,走你。哎。添加角色异常请。我的后台有问题了吗?看一下角色异常,他有报错吗?看一下啊,还是卡住了,还是怎么着,已经什么。报错了是吧。嗯,来,我把我的这个数据库呢,重新呢。醒起来,再起来一下。好,让他跑一下啊,跑起来。好,起来了吧,起来以后我们来先要测按出来时候是不是应该先要测试这个接口是否可用,是不是来我们来测试一把,走你。呃,我们就来看一下,是不是我的一个接口填错了,怎么着来,这是也有可能的,我们来看一下啊。
10:11
Roles。添加一个,添加一个角色。一直required。Name required。嗯,那这个时候我得去我这样吧,我去看一下那个我们后台的项目的了。就这个我们看一下啊,现在相当于就是接口跟文档就不太一致,我们的是我现在我现在相当于要冲单,前台工程师要充到后台公司去看下。啊得看一下,不然的话解决不了啊是吧,打开。因为这个代码是我写,我再打开看一下,找到那个。
11:01
添加角色的位置对吧,先找到角色吧。这不添加角色吗?能看到吧,好。这个啊,这个取的是什么zing,说明那个接口文档不对。能听到不啊,这个地方要介绍的是roll。这就说一个事情啊,你根据接口文档去发请求,有可能会有什么。有错误。你首先得保证你我真的是根据接口人一模要发起,最怕的是什么,你根本就没有按接口文章发起,你跟那后台跟我说你的接口有问题。能听到不?啊,首先你得确保你已经100%肯定按照借款的交款请求。是吧,好给他呗。各位可以是吧,啊,没有问题啊,这是OK的,说明我们这边。
12:02
我们这边是不是也得需要修改啊,啊,我们这边也得需要修改,不是name是什么name。所以说这个事情嘛,对吧。这能听到吧,嗯,好。那这样的话,那我们这边就能看到啊,我当前的请求啊,当前这个请求返回的结果是什么,大家看一下。返还的结果是不是为零,有一个date,而这个date的值就代表它生成的这个角色吧?是不是,那也就是说我现在我在这边。可以得到生成的角色。说白了,我现在得到的是result d data,这是不是新产生的角色?你说现在我还需要发请求才能显示。
13:02
对吧,这能懂吧,我们现在是不只需要更新我的肉装态就行啊,需要去更新什么Rose,记住是Rose状态对吧。那我是不是添加了这个数组里面去好这一步,这下面的操作就是整个这个里面非常重要的一些步骤了,那我先取出来。对不对,嗯。这个是不是得到了。好,那你看啊,我是不添加,最后你看我这个写法对不对啊。最后去更新。在吗?也就是说我要去,我要去往一个数组类型的状态里面去加一个元素是吧,添加一个元素,我现在做法是取出这一个数组状态。
14:12
是吧,往它里面去添加一个元素,最后。数据更新是吧。能看到吧。当时咱前面不做过评论管理吗?评论管理是不是有删除等等,删除是不是调用,那如果是删当前是添加是复习对不对,那如果是删除某一个,是不是用那个就可以进行删除,那时候你们是对着数据去删除。去添加了吗?你们不也添加过吗。忘了。啊,这个地方就是说这种写法是不太好的,也不说没有效果,那我们现在看有没有效果啊。来我们来看一下啊,看一下。
15:03
但还有一个事情需要做,就是隐藏那个券框。这个好做。这个是好做的隐藏券,我就直接写到最上面去得了。好吧,隐藏确认方。这个特别好做啊,我就直接做了this.set state,我不有一个isho at吗?给他,为什么for?这个比较简单,我就直接做了。啊,现在是不是缺了一个message。是吧选,因为刚才我没有引入什么message。来看一下效果,应该没什么问题,我们来看一下啊。来当前我选在这里吧,这是经理四是吧,这是我刚才是不是测试添加的一个数据,通过post添加的来创建。输入啊。
16:00
比如说硅谷五。OK吧,好,接着点击取消,没有添加吧。是吧,要点击确认才添加,你看这样就是它有一个什么一个缓存,前面的看到不,所以我们需要什么。是不是要重置一下啊,没关系,刚好可以用啊,来点一下什么OK。是不是添加成功。有没有啦?现在看到结果没有问题吧,没有问题,但是啊是不建议你这么写的,是非常非常不建议你这么写的,应该怎么去写呢。来,正确的写法是这么写的,看好了。游记主要在这里。主要在这句话有问题。应该这么去做。
17:03
也就是说我要问大家,我在我更新之前,在我更新前我有没有去直接去操作,直接去修改我原本状态里面的数据。我这个肉啊,有没有听到状态,就原本state里面的肉耳里面去。有还是没有的问题。这能听到吧。啊,我是不是新产生的一个宿主,往新的数组里面是不添加一把。也就是说那个建议尽量不要直接去更新状态数据。啊,如有人说老师我就想更新呢,那你要先产生一份新的去更新。再去调他内部去做。原因等会我们再来分析,为什么这样做不好啊,只是说先告诉他结果应该要怎么做,对吧?这能听懂吧?当然我这个就没有必要用push来做。
18:11
能听到不好,那这样啊,我这样做。我把这个部分啊,我把这个部分。整个部分都住了。这个地方要说一个事情,我们当前的更新是不是基于原本的数据去添加一个新的,是不是,其实最最啊推荐的写法是这么写的。看我写一下。我们说过,这里面我们现在是不是传的对象去定性,它其实还可以传什么呢函数。还可以传函数。啊,我给大家写一个函数的返回一个对象,那个返回的对象。就是要更新的。那这个时候啊,我们要更新的是哪个属性呢。
19:03
属性对不对,值是多少呢?是原本状态里面的。不能直接去整啊,干嘛呢,加个中号点点点。如果这么做,有添加一个吗?这么写有添加吗?没有。他最最天建议的方式应该是这么做,也就是说我们现在的状态更新啊,是基于什么时候应该用函数的方式,后面我会总结一下啊,就是我们更新roses状态。是基于啊原本的。状态数据。平行,也就是说我是在原有的数组。
20:02
数组的计算是不是再添加一个元素啊?那这种比较适合于用函数的形式,那什么时候用我们以前那种方式比较合适呢?我们以前的方式是这么写的,直接来个什么。对象,这种方式比较适合的是我更新的数据跟原来的数据没有一点关系。跟原来数据没有一点关系,比如说我们的这个就是这种形式,你看这个。哪个了这个。我是来一个全新的。看到吧,我来一个全新的任务,这是我从后台获取的吧。你说我的这个,我要更新的这个是不是就把它直接替换掉。这一个空数组。不用管以前是多少吗?不用管吧,诶这个时候用对象比较简洁,对象其实这一个这个函数的写法是原始的写法。
21:02
是它的原始语法,原始语法,而对象传对象的写法是这个函数语法的什么呢?简洁语法。这能听到不?那你说谁用起来方便一点?那肯定是对象,是不是用起来方便一些,直接往对象里面传东西,不用再写函数去返回对象是不是?这能听到吧,而这个函数的写法啊,是基于如果我的状态,新的状态是基于原本的状态。去修改。那我就比较适合用这种方式,这里面他给我传入了一个什么state。啊,其实不仅传了state,还传了一个东西,只是我没用而已。什么东西呢?先大家要学会一下语法,用一下,等会我们再统一细讲,大家就比较清楚了,能看到吧。嗯,当然这是这个时候我们不要那个pro,不要接收的属性啊,就直接显示就行。
22:04
这个语法大家稍微的练一下,因为后面呢,大家写下面的时候应该是需要用到的。好。这是这个,当然现在结果也是没问题的,结果还是一样的结果,对吧,刚才我们并没有说效果问题吧。能听到吧。啊,比较六。点击添加。有了吗?是不是有了?有没有看到可以啊好,那这样的话呢,我们就可以添加,但是还有一个事情说需要想去做的,因为这里面有存储了,这个地方要清空,这个好做。我得到数据后,在这里面,刚才是不是有这句话我被隐藏隐藏了。来,那也就是说我们现在比如说我输入输入啊。接着我要是点击OK。那加点击还有吗。没了,但是我要点击取消嘞。
23:04
还有这个还有吧,还还能好一点。英文取消,这这个没听过呀。是不啊,那个点OK,那个那个刚才那个角色名称是不是肯定填过了。你再存在,那就是永远是不是出问题。添加不进去了嘛,说白了就是能听懂不,当你你说老师我想把它去掉,能去掉不。我点取消去掉,能不能去,能去就把这句话。啊,这句话在我们的里面。也给了什么。是不是也给他写上去,但这个时候写上去吧。自己有点。不是写在这里来,这个东西有点长啊。是应该这么分割会比较好。看一下这个时候,嗯。
24:01
F。能不能看到啊,这样的话我们就可以进行,嗯,创建都没关联,大家看一下看行不行取消。还有吗?没了吧,嗯,就这么简单一个事吧。没什么啊。
我来说两句