00:00
那在最后呢,我们来一次大总结,把所有的这些东西呢都过一遍啊,首先我们从这个内置组件呢开始着手,BRO,哈希roor这块呢,不再聊了,他俩的使用呢,跟五版本是一致的,然后再说这第三个值得咱聊一聊,我们之前已经把前五个是不是都说了呀,那在这快速的过一遍,五里边由此历齿六没了,有一个替代者叫做肉刺。Root必须得配合着一堆root使用,而且是肉包裹着root,那root呢,其实就是一个匹配规则,有点类似于这个if语句啊,其实啊,同学们,我们这个翻译呢,其实是摘子官网,哎,就是我所有的这些东西呢,都是把官网上的那些英文呢,给你变成了中文,然后又润了一下来给大家总结的好,还有这个K是不是对大小写敏感的这么一个配置啊,然后第五个就不说了,UL1变,那你肯定root下的root都要重新分析一遍呗,好就是这个同学,这回我们再来读读这第六句话啊,说root可以嵌套使用。
01:07
而且还可以配合use roots来配置路由表,但是需要的是你得通过outlet来渲染其后续的子路由,我们是不是亲手写过,你看啊,同样一句话,如果你不写你去读很难懂的,你写了一下你发现,诶,很多那些高高在上的词儿落地了之后也不难,OK啊,那我们之前是用过这个的,然后有一个示例代码给大家写了,注意啊,同学你看啊,这是肉。对吧,那这里边儿呢,是一个一个的wrote,然后值得你注意的是蓝色框里的,来各位,就是wrote里边你发没发现还包裹着这两个粉色的肉,其实这就已经产生肉的嵌套了。我们没有直接写出root的嵌套,我笔记里边啊,给大家写的是root的直接嵌套,你看红色的这个root里边嵌套着两个蓝色的root。
02:07
说老师那我们代码里没写,那咋也用outlet了呢?同学,你忘了吗?我们的代码里边没有直接写root的嵌套,但是我们是通过路由表的配置来体现出这种嵌套的,你说对吗?哎,那你看看这个home,这个root里边其实就嵌套着news和message,对吧?一般来说同学们推荐用路由表,哎,直接这么写呢,虽说看起来好像感觉还不错,实则很麻烦,OK,以后你维护也不好维护呀。然后再说这个link与navy link跟五版本也一样,但是navy link有一点点小变化,那个active class name是不是不能用了,你得通过一个回调的形式,你得麻烦点,你得自己写,这个base是基本的这个样式啊,那这会儿呢,就是一个其他的高亮的样式呗,还有就是你可以给它的负极路由加一个and,那这样的话,等你路由层级特别多的时候,子极路由的导航量,那么负极呢,由由于你加了and,那就不亮了呗。好,那再往下还有一个就是navigate,这个很重要是吧,只要被渲染到页面上,就会切换视图,默认是push,如果你需要replace,你写一下不就得了吗?那咋写呢?
03:25
就是在这写一个,或者说你直接不写这个。是不是也可以啊?好,这是navigate啊,很重要哦。那个重定向不就得看着他吗?嗯,好,来看这个outlet,这也不多说了,就是如果你通过路由表产生了嵌套,或者是你自己亲手写的root,里边套着root,那你渲染后续子路由的时候就得用谁outlet,你得理解性记忆啊,各位你想想如果没有这东西了,一个什么状况?你试这个路径,我也知道匹配上了这个组件,但是这个组件放在哪里我是不知道的,所以说需要outlet做一个标记啊,有点类似于这个view里边的那个RO view是吧,有点那种感觉好,然后再说这一堆hos是吧,其实这些我们都用过了,来use roots,根据路由表是不是创建嵌套路由的,那这个use navigate呢?
04:21
很重要,编程式路由导航,你这么记navigate还有use navigate都比较重要,好吧,然后再说这个use干嘛呢?类似于ROOR5当中的麦身上的属性。专门用于接收参数的。那你不接收人家传了,你不接收,那你怎么用嘞,对吧?Use,而且接收的很直接,就是一个参数对象直接解构就能拿东西就能用啊,然后还有一个就是use search,专门去接收什么参数search参数的,但是这个就比较麻烦。啊,你接收到的是包含参数的东西,以及更新参数的函数,但是这个东西还不能直接拿,你得调一个get,告诉人家你需要谁,略显麻烦是吧?然后还有一个use location,其实就是为了把五里边那个location属性给它还原出来的。
05:18
对吧?你能够感受到这个六的设计呢?是这样的,你需要什么东西你就引入什么后,你就调一下就得了,哎,但是五当中不是是所有的东西一股脑的全往这个组件的实例身上加,是吧?来还有一个就是use match,为了还原谁还原五里边那个match属性的?那有同学说,诶,老师不对呀,五里边不是location match history吗?那location和match都还原了,它咋没有use history呢?那是因为不需要,为什么?History,你是不是完全靠它进行编程式路由导航啊,你完全有一个人已经给他代替了,就是use navigate对吧,你琢磨琢磨,就是它得有意义,你才能出现一个H去还原它,对吧?然后还有就是七八九十,我们刚才说的那几个啊,不是非常常用,但是最好也是了解一下,那这就是整个react ro6里边比较常用的一些东西。
06:17
好,那这一小节呢,我们停一下。
我来说两句