Link组件有一个名为relative的属性,值为route或path,默认为route
当Link的to为两个点时,配置relative=route|path会有不同的效果, 之前由于路径嵌套不够深,看不出区别,于是尝试加深路径,一眼就看出了区别
官方解释
| React Router6 中文文档
下方代码请看根路径/cd及其二级路由
如果当前路径是http://localhost:5173/cd/ak/wa/aa/kk 那么会在Lbl组件内
点击<Link to='..' relative="route">BRoute点点点,默认为route</Link>
返回到http://localhost:5173/cd
点击 <Link to='..' relative="path">Path点点点</Link>会返回到
http://localhost:5173/cd/ak/wa/aa
所以在处理两个点的路径时,path是回到相对路径的上一级,通俗的讲就是网址上的斜杠少一层
而route意味着回到程序员配置该路由时的父级,也就是路由的层次结构
最后补充一个
Link组件的preventScrollRest
