在React Router 4中,如果你在嵌套的<Link/>
组件中使用相对路径,它会从父级路径继承。但有时我们希望阻止这种继承,可以采取以下方法:
to
属性中使用绝对路径,可以确保<Link/>
组件不会从父级路径继承。例如:<Link to="/path/to/somewhere">Link</Link>
<Route>
组件的path
属性:可以在父级<Route>
组件上使用path
属性来限制子级<Link/>
组件的继承路径。例如:<Route exact path="/parent" component={ParentComponent} />
在ParentComponent
中,你可以使用相对路径的<Link/>
组件,但它们将始终继承自/parent
路径。
<Route>
组件的match
属性:可以通过将match
属性传递给子级组件来控制<Link/>
组件的继承路径。例如:<Route path="/parent" render={(props) => <ChildComponent match={props.match} />} />
在ChildComponent
中,可以使用props.match.path
来生成正确的链接。
请注意,以上方法适用于React Router 4版本。如果你使用的是其他版本,可能需要参考相应的文档或示例。如果你想了解更多关于React Router 4的信息,可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云