How to make active link in react?

Question

React

There is a site header with a number of links. To make a link active, you can write the following code to it:

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

But here's the problem - the header contains 2 links:

1. To the address /tasks 2.
To the address /tasks/create

tasks/create - both are highlighted. How to fix it?

Answer 1

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