2015-07-11 161 views
1

我是非常新的反应和我选择使用的路由器和引导库。他们基本上就是react-router-bootstrap。我只是感觉到一些东西,我想制作一个具有一些基本的网址导航的网络应用程序。我有4个部分,首页浏览添加和左右,点击链接效果良好,路由也是这样,但是当导航到默认路由时,处理程序可以正常工作,因为它显示了Home组件,但不会使主页按钮在导航中激活。我有点卡住,想知道有人能帮我吗?我想让'home'部分在'/'默认路由中处于活动状态,并且认为我可以重定向到'/ home'并让其余部分处理它,但是它看起来不像我可以添加路径支持DefaultRoute。所以我很好奇,如果任何人有任何ides?也好奇,如果这看起来像正在建立像我正在建立的东西的正确方法。React路由器默认路由重定向到/家

我做了一个要点是HERE

感谢所有的时间提前!

+0

Javascript源文件在哪里?如果这是打包的东西,可以安装并下载模块,那将会很有帮助。除此之外,它看起来很好。如果我可以下载并运行代码以帮助找出问题,这将会很有帮助。 –

+0

我只是在这里做一个回购https://github.com/jziesing/react-test – user1807880

回答

3

,我做了,你的路线,唯一的变化,他们曾经是这样的:

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> 

);

我测试了它,它按预期工作。当你访问主页的网址只有/#/而不是像/#/home这样的后缀,我不认为这是一个问题。

+0

好吧,谢谢,听起来像它只是一个标准,使在这条路线下的家。能将重定向到/#/ home的流量重定向到/#/ – user1807880