温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
那在这一小节呢,我们给大家讲一下路由里边的最后一种参数叫做state参数,跟之前一样,我得还原一下代码,找到data组件,这一堆都不要了,这按钮也不要了,这两个后不引入了,那么不确定怎么写的地方,我临时呢拿这叉叉叉做一个替代叉叉叉好。接下来再找规则,去search参数和state参数,在react routeor5里边就有这特点,它俩都不需要占位,那在这儿呢,依然不需要占位,那就给这个关掉了,然后再找传参的地方,这会儿就有所区别了,大家回顾一下RO5里边那个date参数你得怎么传?你应该把这个to啊,写成一个对象的形式。然后在这个对象里面,你要写pass name,就是你要去哪,你可以写一个,然后如果你想携带state参数,那你就必须得写一个state值为一个对象。
01:06
那么六里边儿有所变化,比五要简单了,来直接调到这个位置,To啊,你正常写你的字符串,你就说你去detail。如果你想传递state参数,你要直接写一个state属性值呢?同样得写成一个对象,属性多了,属性值还是对象,那我们就得进行一个合理的缩进,走这块呢回车,那这块呢,回车好了,写上ID冒号m.ID走走,这还有啥呢?Title复制,还有谁呢?Content复制。好,你这样的话,State参数就携带完了,剩下的就是接收了,那这个时候回到我的detail组件里边,那大家回想一下,如果我接收的是参数。
02:03
那我是不是就得用use?那如果我接收的是search参数,那刚才用的是啥来着?叫做use是吧?那你说现在你接收的是什么参数啊,State?哎,那有同学想到了,老师明白了,用的就是use state,能想到这挺好,但是你再仔细想想,是不是和react里边原有的那个use state冲突了呀?他肯定不叫这名老师,那叫什么呢?或许叫这个吧,State也没有这个啊,那这呢就直接跟大家说不卖关子了啊,这块呢,你不需要引入这个什么use state什么什么,你引入的是刚才我们用过的这东西,谁呢?就是use location来写一下啊,Use location。哎,然后从这个location里边,你去读取state对象来写一下啊,走着输出一下谁呢?这个A来,你看效果吧,啊回到这边,那从头开始刷新一波走走走,我点一下消息二好,这个时候输出的是location对象,我们打开location对象,走着发现里边是不是有state,那你也知道接下来应该怎么写了,就是从它这个里边state,那接下来你去用的时候,那就是这个位置,这个位置这个位置就都得变一下了,对吧?或者是你这儿呢,再给他来一个连续结构赋值也是可以的,那就是抬头,那再来一个谁呢?Content OK,这是解构对象的连续写法,那在这就可以走走是不是来到这ID呀,那这是不是title呀,那这是不是content呀,好,给这呢删掉来看一下效果呗,刷新一波走走,走走是不是也可以呀,好。
04:00
那这一小节呢,我们停。
我来说两句