React Router默认路由重定向到/ home

  • Z时代
  • 2024-01-10
  • 分类：问答

我是一个非常新的反应者，我选择使用路由器和引导程序库。它们基本上只是react-router-

bootstrap。我只是对事情有所了解，我想制作一个具有一些基本URL导航的Web应用程序。我有四个部分，主页浏览添加和大约，单击链接效果很好，路线也是如此，但是当导航到默认路线时，处理程序可以正常工作，因为它显示了Home组件，但是没有使home按钮活跃于海军。我有些困惑，想知道是否有人可以帮助我？我想让home部分在’/’默认路径下处于活动状态，并认为我可以重定向到’/

home’并让其余部分来处理它，但是看起来我不能添加路径支持DefaultRoute。所以我很好奇是否有人有想法？也想知道这是否是构建类似我正在构建的东西的正确方法。

我做了一个要点是这里

感谢所有提前！

回答：

我所做的唯一更改是您的路线，它们以前看起来像这样：

var routes = (
<Route handler={App} >
    <DefaultRoute handler={Home}/>
    <Route name="home" handler={Home} path="/home">
    </Route>
    <Route name="browse" handler={Browse} path="/browse">
    </Route>
    <Route name="add" handler={Add} path="/add">
    </Route>
    <Route name="about" handler={About} path="/about">
    </Route>
</Route>

）;

我将其更改为：

var routes = (
<Route handler={App} >
    <DefaultRoute name="home" path="/" handler={Home}/>
    <Route handler={Home} path="/home">
    </Route>
    <Route name="browse" handler={Browse} path="/browse">
    </Route>
    <Route name="add" handler={Add} path="/add">
    </Route>
    <Route name="about" handler={About} path="/about">
    </Route>
</Route>

）;

我测试了它，并且按预期工作。当您访问主页时，URL仅带有/#/和后缀，例如/#/home，我认为这不是问题。

以上是 React Router默认路由重定向到/ home 的全部内容， 来源链接： utcz.com/qa/432990.html

回到顶部