卡在侧边栏的反应路由上答案

【问题标题】：Stuck on react routing from side bar卡在侧边栏的反应路由上
【发布时间】：2023-03-03 22:04:01
【问题描述】：

我是新来的反应和反应路由工作，我被卡住了。我创建了一个组件并添加了一个链接到 =“/”，当这个组件被渲染时它工作正常。但相同的链接在侧边栏组件中不起作用。它只改变路由但不渲染 home 组件。

任何帮助将不胜感激。

例如，

我的 app.js 文件包含这样的路由

Route path="/home" 组件={Home}/>

当我通过 link to="/home" 从任何其他组件调用 home 组件但当我使用来自侧边栏组件的相同链接 to="/home" 时，它呈现得很好。它只是改变了路由，并没有渲染 home 组件。

我的侧边栏组件就像任何其他组件一样。

我不知道为什么会这样。

请帮忙。

【问题讨论】：

你能提供一些代码示例吗？你的路由器是怎么配置的？你的 Home 组件是如何链接到侧边栏的？
是的，我已经添加了更多解释，请参阅

标签： reactjs react-router react-router-v4

【解决方案1】：

React Router 提供了一个<Switch> 组件，当你有多个路由时它很有用。

您可以将<Route>s 包装在路由器内部的<Switch> 中。

一个简单的例子是：

<BrowserRouter>
  <Switch>
    <Route path="/home" component={() => "Home"} />
    <Route path="/messages" component={() => "Messages"} />
    <Route path="/another" component={() => "Another"} />
  </Switch>
</BrowserRouter>

参考文章：https://reacttraining.com/react-router/web/api/Switch

【讨论】：