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

Question

我有一些类似这样的NavLink：

<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>

我希望第二条导航链接在两条路径/searchplatform和/search/results上处于活动状态。

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

真的谢谢

Answer 1

您应该在isActive上使用NavLink功能道具。您可以从此函数返回true以获得所需的路由。

详细了解isActive功能道具here。