React router:嵌套资源

时间:2016-08-09 16:39:28

标签: javascript reactjs redux react-router

我有两条路线:

/resource/1/

/resource/1/nested_resource/2

适当的<Link />组件。 当我去路线/resource/1/时 - 只有前往/resource/1/的{​​{1}}类的链接。

但是当我转到active路径时,/resource/1/nested_resource/2/resource/1/的链接都有有效的等级。

在第二种情况下,是否有办法仅为/resource/1/nested_resource/2等嵌套路由链接提供活动类?

/resource/1/nested_resource/2

1 个答案:

答案 0 :(得分:1)

你可以使用&lt; IndexLink /&gt;只有在父路线匹配时才会激活。

react-router documentation说 -

  

如果你要&lt;链接到这个应用中的=&#34; /&#34;&gt;主页,它会永远   因为每个URL都以/开头。这是一个问题,因为   我们想要链接到Home,但只有在呈现Home时才能激活。

     

要获得/仅在归属路由时有效的链接   渲染,使用&lt; IndexLink to =&#34; /&#34;&gt; Home&lt; / IndexLink&GT;