В навигации есть указатель, который должен позиционироваться относительно активной ссылки. Как правильно получить реф этой ссылки для расчета позиции указателя ?
const Aside = ({ newMessages }) => {
return (
<aside className="aside">
<nav className="nav">
<div className="nav__content">
<ul>
<li className="nav__link">
<NavLink to="/" exact className="nav__link">
<div className="icon">
<i className="fas fa-home"></i>
</div>
<span className="nav__link-name">Профиль</span>
</NavLink>
</li>
<li className="nav__link">
<NavLink to="/chat" className="nav__link">
<div className="icon">
{newMessages ? (
<Indicator className="nav__link-indicator" value={newMessages} />
) : null}
<i className="fas fa-envelope"></i>
</div>
<span className="nav__link-name">Сообщения</span>
</NavLink>
</li>
<li className="nav__link">
<NavLink to="/social" className="nav__link">
<div className="icon">
<i className="fas fa-users"></i>
</div>
<span className="nav__link-name">Люди</span>
</NavLink>
</li>
</ul>
<div className="nav__dot"></div>
</div>
</nav>
</aside>
);
};