JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav navbar-nav">
     <li class="active"><a href="#">Main</a></li>
     <li><a href="#">News</a></li>
     <li><a href="#">Contacts</a></li>
</ul>

JavaScript

$(".navbar-nav").find("a").click(function(){

           $(".navbar-nav").find("li").removeClass("active");
            $(this).parent("li").addClass("active");


    })