小编典典

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

reactjs

我是一个非常新的反应者,我选择使用路由器和引导程序库。它们基本上只是react-router-
bootstrap。我只是对事情有所了解,我想制作一个具有一些基本URL导航的Web应用程序。我有四个部分,主页浏览添加和大约,单击链接效果很好,路线也是如此,但是当导航到默认路线时,处理程序可以正常工作,因为它显示了Home组件,但是没有使home按钮活跃于海军。我有些困惑,想知道是否有人可以帮助我?我想让home部分在’/’默认路径下处于活动状态,并认为我可以重定向到’/
home’并让其余部分来处理它,但是看起来我不能添加路径支持DefaultRoute。所以我很好奇是否有人有想法?也想知道这是否是构建类似我正在构建的东西的正确方法。

我做了一个要点是这里

感谢所有提前!


阅读 1230

收藏
2020-07-22

共1个答案

小编典典

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

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,我认为这不是问题。

2020-07-22