JSFiddle - React, Tailwind, and code Playground
HTML
<div class="b-links">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
CSS
.b-links a {
padding: 0 15px;
font-size: 25px;
color: #000;
}
.b-links a.active {
text-decoration: none;
}
JavaScript
var links = document.querySelectorAll('.b-links a'),
len = links.length;
for (var i = 0; i < len; i++) {
links[i].addEventListener('click', function() {
for (var j = 0; j < len; j++) {
if ( links[j].classList.contains('active') )
links[j].classList.remove('active');
}
this.classList.add('active');
return false;
}, false);
}