JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav navbar-nav navbar-right">
      <li class="active"><a href="#pageOne">Home</a></li>
      <li><a href="#pageTwo">About</a></li>
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Contact</a></li>
</ul>

CSS

.active {
  background:#e8e8e8;
}

JavaScript

var menuItems = document.querySelectorAll(".nav a");
 
   for(i=0; i < menuItems.length; i++){

         menuItems[i].addEventListener('click', function(){
           
           for(i=0; i < menuItems.length; i++){
              menuItems[i].parentElement.className = '';
           }
           this.parentElement.className = 'active';
         }, false);

   }