如何在反应路由器中根据某些条件路由页面

【问题标题】：How to router the page based on certain conditions in react router如何在反应路由器中根据某些条件路由页面
【发布时间】：2020-07-11 13:13:04
【问题描述】：

我想根据特定条件使用 react 路由器渲染页面，但页面没有路由。

【问题讨论】：

你能分享你的代码sn-p吗？
能否也分享一下代码？
可以分享一下你项目的CodePen链接吗？
gist.github.com/sanketp45/a7cf792ccc8ff24e50015e003c142a77 请检查一下。
我想在用户单击主页上的按钮时呈现关于页面，并且当输入 localhost/about 等手动 url 时页面也应该呈现。

标签： reactjs react-router

【解决方案1】：

在您的示例中，您要用作 Link 来呈现另一个 UI 组件的组件不是任何 Link，在 React Router 中，您必须在这种情况下使用 <Link> 组件。如果您点击<Link>，Router 会呈现匹配的<Route>，这意味着您的应用中必须有一些<Route>(s)。此外，如果你有多个 <Route>s，如果你想独家渲染

，你必须用 <Switch> 组件包装它们

查看其 children<Route>s 和呈现与当前 URL 匹配的第一个

这是一个更接近你的简单示例：

https://codepen.io/shiponcs/pen/OJMEBRg?editors=0011

更多关于 React 路由器 Link、Switch、Route

【讨论】：