Изменить цвет ссылки по клику

Я хочу чтобы при нажатии на ссылку, её цвет менялся и оставался таким же. Но после нажатия на уже другую, она меняла цвет, а прошлая ссылка опять становилась прежней.

JSX

<nav className={classes.nav}>
            <div className={classes.item}>
                <NavLink to="/profile" activeClassName={classes.active}>Profile</NavLink>
            </div>
            <div className={classes.item}>
                <NavLink to="/dialogs"activeClassName={classes.active}>Messages</NavLink>
            </div>
</nav>

CSS

.item a {
    color: white;
    font-size: 25px;
}
.item a.active{
    color:gold;
}

Но при нажатии ничего не происходит. Пожалуйста помогите решить проблему