Как сделать активную ссылку в react?

Question

[Palpebral]

Имеется некая шапка сайта с некоторым количество ссылок. Чтобы сделать ссылку активной, ей можно прописать подобный код:

<NavLink className={ ({isActive}) => isActive ? "link link--active" :  "link" } to="/...">Ссылка</NavLink>

Но вот в чем проблема - шапка содержит 2 ссылки:

1. По адресу /tasks
2. По адресу /tasks/create

Если я нахожусь на localhost:3000/tasks, то подсвечивается активной только tasks, а если нахожусь на странице localhost:3000/tasks/create - подсвечиваются обе. Как это исправить?

Answer 1

[Александр]

<NavLink className={({ isActive }) => isActive ? "link link--active" : "link"} to="/..." end>Ссылка</NavLink>

Comments

[Palpebral]

черт, все так легко, благодарю!)