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

React Router Default Route Redirect to /home

本文关键字：home 重定向 路由 Router 默认 React      更新时间：2023-09-26

我是react和我选择使用的路由器和引导库的新手。它们基本上就是react-router-bootstrap。我只是得到一个感觉的东西，我想做一个web应用程序，有一些基本的url导航。我有4个部分，home browse add和about，点击链接工作得很好，路由也是如此，但是当导航到默认路由时，处理程序工作得很好，因为它显示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这样的后缀，我不认为这是一个问题。

相关文章：