00:00
啊,首先我们来去把那个老板呢,以老板为例,把它们关了啊,太多了,来。我们点击这个按钮,最终是不是要去跟用户交互,发一个请求啊,要发请求必然会引入一个,这个能不能懂,我们要发请求跟后台交互,必然需要去引入。哎,还有一个一个100钱哪个。我不有一个update user吗?是吧,而且啊,我们怎么传呢?无语,简单就在这里。这个能看到吧,不传过去吗。看不懂,看到啊好,那我点击的时候。干嘛去是不简单,This时间时间update user传什么?是不是传他呀?
01:12
对吧,啊,太简单能不看到好,这个做的还不够,但是先先测一。先看请求能不能发送,能不能成功返回,状态能不能变。但是状态变了以后的处理我们还没做。状态变了以后,我们的处理还没做呢,我们先看一看来啊。这是我们的。对吧,这是我们的好了,现在呢,啊,现在我们先看一下这个,这这这这这里面。嗯,看一下application。又酷盖的吗?有那个酷给里面又在D有没有没有,实在没有我们搞先搞正常,不要搞太多不正常了,来一个来一个注册。
02:04
是吧,好,接着啊,输入一个假设,来个BB,来个123,来个123老板对吧,接着点击注册。是不是进入这来了?好,下面看这里有U的ID吧,有好选择一个头像。指定一些信息啊,招聘职位啊,叫那写一个什么呢,比如说前端工程师可以吧,好接着是什么呢?啊,公司名称啊IBM。可以吧,好职位薪资啊,18K啊,职位要求啊,就就需要GS。好点一下啊,下面是不是点保存呢,这很关键啊,这个界面不会跳的,你放心啊,不会跳,因为我还没处理。
03:00
就主要看一下请求的一些情况,先看请求。有没有返回数据扣的危机零说明什么成功了,而且返回了,是不是一些信息过来了,大概都是我指定的一些信息。非常对对吧,好接着看什么。说还可以,有什么可看的?Cookie刚才不有吗?他想我们现在发请求是在哪执行的,发请求代码是不是if里面,执行完请求以后得到数据后他干嘛呀?得到得到数据以后,响应数据分发同步X分发同X干嘛去了?是不是去产生一个新的状态呀,我得看状态,这很关键,因为我后下一步的处理都是根据状态数据来处理的。
04:02
能不能啊,我只是先来看一下请求看他有没有通过啊,其实我最终的目的肯定要是看这个数据。是不是接受了一个优者啊,接收了一个优者,好,接收了一个优者,那这不优者相关的信息都有了吗?是吧,真的吧,好。那大家看啊,我们接收好了这个优者以后,后面我们该干嘛去了。也就是说现在我的user里面这些这些旱的是不是有了。信息都是不是已经完善了,那你想嘛,你的信息已经完善了,你还待在这个界面干嘛,是不是这能懂不?你这个都已经好了,你赶紧的动啊,赶紧的转啊,对不对啊,也就是说在这里面我还要去读一些数据,把user读出来吧,可以吧,行不行,state.user也就是说我在render的时候。
05:09
不一定是他。这个懂不懂啊,我会去取。一些数据出来啊,取什么数据呢?来看到我写prop user user里面有两个数据啊,一个是看的。听懂吧,再一个type。对了,不懂,好,那我干嘛去了?看看如果这个汉的有值说明什么,我就默认是他的信息以及什么完善。啊,其实做的好的话,应该都检查一下是吧?啊,我就做那简单做一下,你没有必要待在这个界面了吧。
06:01
那我需要干嘛去啊,是不是从定向到我一个特定的路径,好,从定向一个特定路径啊,我就先需要一个我哪个路径呢?是吧?那得看你的type等于多少了,对不对?如果你的type是等于大神听懂不?那我就应该去什么啊问号啊,那我就应该去大神的主界面的这个路径。就这个呀啊,否则呢,什么老板。能不能看懂,这是我决定了这个路径,最终我要的是一个什么标签,还记得不?啊,是不是有一个re的一个组件,首先对吧,我们来写一写啊,诶这个怎么好像没用上似的。啊,我这里面估计还没写好吧,还没写好的原因啊来。
07:03
我们要引入一点东西,Mport大括号,From啊,React感动啊,Redirect是吧?那我这个地方就是要去返回一个redire的标签是吧?接着了two two多少了,Pass。能不能看懂?应该可以的吧,类似的是吧,好,那如果你不能满足这些条件,那是不是你就显示这个信息界面呗。真的我啊好,那你想啊,我的这个操作针对于我们那个大神的信息完善界面是什么。不一样的吗?对吧,是应该都一样的吧,啊一样的操作就是他们都有一个共同相似的一个一个行为,来我们把它定位一下这个地方,找到我们的大神啊,一次性都搞定得了,来还是一样需要引入一点东西啊,啊这一个引入东西都一样的,Ready to是吧。
08:21
还有我们的这一个函数,哎,他们调的是同一个啊100。我更新用户嘛,我也没说要更新什么类型的用户,对不对啊,是统一的一个啊方法啊好,那接着就是我们在这里save的时候去做的是同样的事情,前面就是个简单打印怎么用是吧?接着就是我们在渲染真正去return界面之前,先要有一个判断,这个判断啊,如果写一个注释该怎么去说了。如果啊,信息已经什么完善。
09:08
哎,完善自动从定向道哪去了啊,对应的啊主界面这个能不懂,对应的主界面只是那个主界面那个,它对应的那个还没写啊,没写到时候主要看径就行好下面啊这个也是一样的,对吧?把这个这个一样啊,意思是一样的,把它稍微写一下好。还有别的吗?啊,还有一个东西就这个别加。嗯,这个也还是这个,还有这个是吧,啊有着是对的有呀。可以了吧,可以了。
10:01
那那也就是说,至少现在我能保证保证一个事情,一个什么事呢?我如果完善信息成功了。我如果完善信息成功了,那应该会去自动跳转过去。对吧,而不是停在这个界面,那不行。是不是这意思?好,来啊,看一下我们现在的数据,我们现在的数据能支撑我们过去吗?肯定不能,还相当没有登录看到吗?这是因为这类都没有是吧,所以我们最好啊,最好先登录一下吧,登录一下来啊。嗯,直接我们刚才用户名说出来BB吧,是吧试试。点击登录。哦,这已经呃,这已经已经都改过了是吧,那我们就只能去,只能去什么再注册个新的了是吧?嗯,这它实际实已经有效了,我们还是从这里过去啊,从这里过去来注册一个新的CC123123好大四啊老板还是老板啊走你好,接着啊我们选一下啊这次我就随便写一下啊啊abcd因为这个刚才测过了,点击啊保存来看一下,看下信息啊。
11:31
点击保存。什么是老版的这个路由啊,啊,就是这个。但是现在我还没写嘛,当然什么都看不见。好,来啊,我们再来一个。啊,现在这一次啊,我们要注册一个大神。是吧,啊,我就来滴滴来123123。
12:01
注册助力好,接着我去选择一个头像啊,随便写啊,好,观点问来了,接着我点击保存。对不对,对的吧,好,我再进行一个操作啊,看到我我再去注册一个。这一次比较特别啊,我会做一个特别处理,呃,哪一个一,哪一个123,哪一个123,这个搞谁都没关系,就搞大老板也行,好,我有意的将这个啊切换一下这个cookie给他干掉。就这个我给他干,我干掉是吧,干掉吧,干掉以后呢。啊,我也不知道是吧,我就随便写啊,四种没关系的来接着也就这一次能成功吗?不能因为你没写没有ID,一个ID可以可以携带啊。
13:04
那也就是说不能会怎么样。跳转了登录,如果他能跳转登录那才行,对不对,那现在我们有做吗?好像真没做,现在我们看到走里。是没没有任何反应是吧,界面没有任何没有任何操作报错了吗?没有,那要看一下network,首先看下我们update说什么,请先登录,而且看一下我们的re reduction管理的状态。说什么诶,这里面有个小问题,我们那个那个就是请先登录这个状态,有点小问点,你看这这数据还在呀,我是不是。看到没有啊,这个有点小问题,嗯,来看一下肯定是哪位有问题没传过来是吧?啊也是诶看一下我们刚才叫error message啊,我应该叫re啊,名字不对,来改改啊,这个很关键啊,来也就是说我们这个redux啊,首先看一下那个absence里面。
14:14
我首先得说是reset user reset user里面这个写的不对。对吧,应该叫什么reset啊,大写的reset user这个才对。能不懂啊,通过刚才这个我本来是要约user的,对不对。这个能不能懂啊,来现在相当于啥也没了,对吧,那啥也没了以后呢,来看一下啊。再试一个啊,再试一个啊,这是还是去register。哎,这个是不是写错了,井号写范围。是吧,来一个意义啊,来一个123,来一个123啊,注册啊,来一个EF啊,随便啊,只要不重复就行好接着啊,这里面下面说一个拉倒啊,不说了。
15:09
点击。哦,刚才忘了一件事情啊,这什么要要清那个什么清,那哭给这还是个麻烦事啊。我还不信,还搞不定。嗯,随便下个了,123123。好,先清cookie再说是吧。把这个什么干掉啊,接着选一个啊,随便输一个拉倒啊,点击啊,你懂是吧,主要是要看现在看什么呢?看这个数据,嗯,你看这个数据,现在就有一个message user没了,Type也没了。其按来说应该自动转向到什么。
16:00
登录界面对不,那这个怎么做呢。啊,这一个啊,其实也并不难,我们说我们这个检查用户是否登录,如果没登录就去跳转到登录界面,这个事情由谁来做,是不是我们的这个命。这个组件统一来做。懂不懂你其实就是他在渲染的时候。在这个之前干嘛检查用户是否登录,嗯,是否登录,那如果没有了,是不是自动啊,从定向到哪去登录界面了。扔了吧,这个这好写吧,啊这个东西我怎么知道用户,我这里面是怎么检查用户有没有登录啊,我就检查一个东西啊,检查那个re里面管理这个user。
17:04
有没有那个东西是吧。陈总吧,啊那个cookie的,我现在就暂时不检查了,我就检查一下那个。好,那这个我们是写完还是说先休息啊,写完吧,好吧。好,写完的话,那我要去读U的信息吧,那我得怎么办?那那我得去引入状态啊,啊,引入状态得引入一点东西啊,引入那个引入一个connect函数。叫react杠,这写法咱已经写了好多遍了啊,Connect对吧,懂吧,好,接着我们这里面啊,向外暴露了,可就不是这个妹了。对吧,而是这个connect包装产生的容器组件,这能不能懂啊,在这里我需要去接受一个state,接着小括号大括号,有着冒号啊,点悠着啊,第二个参数了,我先不传啊,其实也没有,因为我本身不需要去发请求。
18:15
啊好来,那这里面我们就去啊,就得到了一个游者呗,相当于对不对,来游者this pro。就可以了吧,可以了,那下面怎么办?判断U的里面它的什么。假设下划线ID,我也因为它是要标识嘛,对吧,如果这个值。没有我干嘛去啊,对啊,我就重定向,重定向那不又需要一个东西吗?都是套路叫,诶这里面是不是有前面是吧,有把它写一个加个really。
19:07
是吧,好,来吧。小case。再来个什么to对吧,等于一个路径斜杠搞定。能不能看到好,那这个事情就基本上算是完了。不会这么快好了吧,就是因为这个。好了。能看到吧,啊,现在你想停在这里都停不住。那。看到吧,为什么题目住很简单,就你你这个状态里面你都没有,那肯定是force嘛,对吧,是否出是不是就进入这个条件了。那当然我去注册完了以后,我去大家看到我刚才那个条件最终的结果是不是状态也是这个样子,只是多了一个message,我跳不跳整跟message有没有关系没有,所以我们如果刚才那种情形肯定也是可以的啊。
20:10
这个相当于我们在我们的主界面的路由组件里面。去统一的做它下面所有的植路由,就相当于具备了这个功能了,是吧,嗯,就这么个事。那下一步呢,我们后面就是需要大家见面去了,因为现在现在去跳的时候还是有点小问题的啊。界面还没完善,等会再去慢慢写行。
我来说两句