NavLink 需要在两条路线上处于活动状态 React-Router

Question

我有几个这样的导航链接：

<NavLink to="/dashboard" >
    <i className="icon icon-home-icon-01"></i>
</NavLink>
<NavLink to="/searchplatform" >
    <i className="icon icon-search-icon-01"></i>
</NavLink>
<NavLink to="/boxes" >
    <i className="icon icon-line-state-01""></i>
</NavLink>

我希望第二个 Navlink 在两条路线上处于活动状态，/searchplatform并且/search/results.

而且，不，我不想有两个NavLinks明显不同的！

确实谢谢

Answer 1

您应该isActive在 上使用function prop NavLink。您可以true从此函数返回所需的路线。

在此处阅读有关isActive函数 prop 的更多信息。