欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

排他性路由和包容性路由 以及react路由

程序员文章站 2022-03-11 16:07:13
你如果用过vue和react,你会发现,其实他们在某些地方很像的。但我现在想说说两个在路由上的区别。1、vue中的路由是以排他性路由为基础的,意味着只要匹配成功一个就不会往下面进行匹配了2、react中的路由是以包容性路由为基础的,但是也可以转换成排他性路由,用switch,如果你要匹配多个路由,你得在外面加一个盒子,确保唯一子元素,读取时从上往下读,只要有一个匹配就不往下匹配了在react世界中,路由有两种写法和,在navlink中有activeclassname和activestyle,如果你要实...

你如果用过vue和react,你会发现,其实他们在某些地方很像的。但我现在想说说两个在路由上的区别。

1、vue中的路由是以排他性路由为基础的,意味着只要匹配成功一个就不会往下面进行匹配了

2、react中的路由是以包容性路由为基础的,但是也可以转换成排他性路由,用switch,如果你要匹配多个路由,你得在外面加一个盒子,确保唯一子元素,读取时从上往下读,只要有一个匹配就不往下匹配了

在react世界中,路由有两种写法和,在navlink中有activeclassname和activestyle,如果你要实现高亮效果,就要用navlink

如果你用route来定义,如<Route path={${match.path}/foodlist/:id} component={FoodList}/>,就会有props属性,里面有history、match、location,在里面会有你想要的值。如果是自己写的组件,那么不会有props,你如果想用,可以使用高阶组件withrouter

本文地址:https://blog.csdn.net/ZiChen_Jiang/article/details/107323014