我是一个非常新的反应者,我选择使用路由器和引导程序库。它们基本上只是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,我认为这不是问题。
/#/
/#/home