JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabs">
    <li class="active"><a href="#doc-new">Home</a></li>
    <li><a href="#doc-fav">Profile</a></li>
    <li><a href="#doc-read">Messages</a></li>
</ul>

CSS

li.active {
    background-color : lightblue;
}

JavaScript

$("ul.tabs a").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).parent().addClass("active");
});