将NavItem活动类应用于React路由器中的两个不同路由。

Question

我在reactJs /路由器应用中有一个导航栏，如下所示，

<Nav>
    <LinkContainer exact to="/dashboard">
        <NavItem>Dashboard</NavItem>
    </LinkContainer>
    <LinkContainer to="/contract">
        <NavItem>Contract</NavItem>
    </LinkContainer>
</Nav>

在某些情况下，当用户访问/contract并且该用户只有一份合同时，该链接将被重定向到/contractDetail页面。发生这种情况时，我仍然希望我的<NavItem>Contract</NavItem>高亮显示/上课活跃。但是，由于<NavItem>没有contractDetail，因此现在不起作用。

我不确定如何实现，将不胜感激。注意：在链接/dashboard

上可以使用

Answer 1

使用React-Router-Dom，您可以定义自定义逻辑以将NavLink显示为活动状态。这是文档中的a link to the entry