JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(".navbar-nav").find("a").click(function(){
        
                   $(".navbar-nav").find("li").removeClass("active");
                    $(this).parent("li").addClass("active");
                    
                    
        
        
            })
            
            $( window ).load(function() {
                         
    
             var which_page=window.location.href.substr(window.location.href
    .lastIndexOf("/")+1);
                        $(".navbar-nav").find("a").each(function(){
                        if($(this).attr("href") == which_page)
                        {
                         $(this).addClass("active");
                        
                        }
                       
                       })
            
                    
          
            });