НавЛинк должен быть активен на двух маршрутах React-Router

Question

У меня есть несколько таких NavLinks:

<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 function prop здесь .