Link问题

来源:4-2 React 中的前端路由(2)

fangfangfang2019

2019-07-20 09:57:00

<Link to='/list/123'></Link>

这句是怎么匹配到<Route path='/list' component={NewList}></Route>的?

想了解原理,因为'/list/123'和'/list'是不同的路径,难道是如果路径不能完全匹配,查找前一级路径看是否能匹配?

写回答

2回答

好帮手慕夭夭

2019-07-21

你好同学,这个老师在本节课中讲到了,同学可以结合视频理解一下:

http://img.mukewang.com/climg/5d344d9e0001fd1105590078.jpg

使用如上的方式,是拿不到参数的,需要在路由中进行配置。也就是配置如下:

http://img.mukewang.com/climg/5d344d8e0001249712610288.jpg

当访问这个地址时,:id会接收参数,list匹配到了path中的list,而123对应和:id匹配。这样就可以拿到这个参数了哦

http://img.mukewang.com/climg/5d344e1700019f7303650100.jpg

所以同学的这种写法,也是在对应的路由中,按照如上进行配置即可哦。祝学习愉快,望采纳。

0

樱桃小胖子

2019-07-20

这里的路径是一样的哦,前面的123就是页面跳转携带的参数,给跳转过后的页面中进行使用。如果跳转页面不用的话,是不需要携带参数的,不是固定的,需要根据实际情况选择,老师有讲解到哦

http://img.mukewang.com/climg/5d32bf440001dc7811370758.jpg

希望可以帮到你!

0
hangfangfang2019
h 那是怎么判断123是参数而不是路径的?假如我是这种写法呢? <Link to='/list/path'></Link>
h019-07-21
共1条回复

0 学习 · 10739 问题

查看课程