Question

我是新来做出反应并从事反应路线工作的人，我陷入了困境。我创建了一个组件，并添加了一个指向=“ /”的链接，当呈现该组件时，该链接工作正常。但同一个链接在侧边栏组件中不起作用。它只会更改路线，而不会渲染home组件。

任何帮助将不胜感激。

例如，

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

路由路径=“ / home”组件= {Home} />

当我通过链接到=“ / home”从任何其他组件调用home组件，但是当我使用从侧边栏组件到“ // home”的相同链接时，呈现效果很好。它只是更改路线而没有渲染home组件。

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

我不确定为什么会这样。

请帮助。

Answer 1

反应路由器提供一个<Switch>组件，当您有多个路由时，该组件很有用。

您可以将<Route>包裹在路由器内部的<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

卡在侧边栏上的反应路线上

1 个答案: